代码改变世界

随笔分类 - html5 && css3

树型权限管理插件:jQuery Tree Multiselect详细使用指南

2017-04-28 08:56 by 流浪的诗人, 6803 阅读, 收藏, 编辑
摘要:1、认识jQuery Tree Multiselect 这个插件允许用户以树型的形式来呈现列表复选框的选择。多用于权限管理中用于分配不同的权限。使用文档,请参考: https://github.com/patosai/tree-multiselect.js 2、运行环境 2.1、需要引入jquery 阅读全文

用css3绘制你需要的几何图形

2016-08-09 08:53 by 流浪的诗人, 7807 阅读, 收藏, 编辑
摘要:1、圆形 示例: 思路:给任何正方形元素设置一个足够大的 border-radius ,就可以把它变成一个圆形.代码如下: html: css: 2、自适应椭圆 思路:border-radius 这个属性还有另外一个鲜为人知的真相,它不仅可以接受长度值,还可以接受百分比值。这个百分比值会基于元素的尺 阅读全文

微信对话框小三角形实现

2016-05-12 00:14 by 流浪的诗人, 1061 阅读, 收藏, 编辑
摘要:微信会话小三角 好久不见了,最近好吗? 还好,你那边怎么样? 阅读全文

Form,tagName和nodeName的区别

2016-05-07 16:30 by 流浪的诗人, 424 阅读, 收藏, 编辑
摘要:首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点。其实几乎所有H 阅读全文

HTML5 data-* 自定义属性

2016-03-06 11:26 by 流浪的诗人, 154 阅读, 收藏, 编辑
摘要:在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构 阅读全文

htm5移动端开发 和 pc端开发

2016-02-23 09:54 by 流浪的诗人, 231 阅读, 收藏, 编辑
摘要:htm5移动端开发: 移动端开发需要注意的一些事情:http://www.duanliang920.com/learn/web/html5/321.html HTML5移动端手机网站开发流程:http://www.duanliang920.com/learn/web/html5/304.html 关 阅读全文

target属性用于返回最初触发事件的DOM元素。

2015-12-28 17:53 by 流浪的诗人, 300 阅读, 收藏, 编辑
摘要:target属性用于返回最初触发事件的DOM元素。在HTML文档中,我们为元素绑定点击事件("click"),由于DOM元素的事件冒泡机制,我们点击元素内的一个元素就可以触发元素上绑定的click事件。target属性就用于返回最初触发事件的DOM元素,也就是本例中的元素。(currentTarge... 阅读全文

html5 初试 indexedDB

2015-12-28 17:23 by 流浪的诗人, 120 阅读, 收藏, 编辑
摘要:indexedDB是存储大量结构化数据的API,demo中用到的是异步API,麻烦的就是所有对indexedDB的操作都会发生一个异步的‘请求’,只要熟悉了API操作起来也很简单。 http://www.cnblogs.com/haner/archive/2012/02/03/2337060.htm 阅读全文

$(document).ready(function() 与window.onload

2015-12-23 15:36 by 流浪的诗人, 256 阅读, 收藏, 编辑
摘要:$(document).ready(function()window.onload 事件是页面完全加载完的时候执行$(function(){ }) 是等页面上的标签加载完了就执行页面加载完成后开始运行do stuff when DOM is ready 中的语句! $(document).rea... 阅读全文

a:link,a:visited,a:hover,a:active

2015-12-14 19:49 by 流浪的诗人, 272 阅读, 收藏, 编辑
摘要:1:解释link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候 详细的: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停... 阅读全文

css清除浮动clearfix:after的用法详解

2015-12-10 23:11 by 流浪的诗人, 15751 阅读, 收藏, 编辑
摘要:如果外部有一个div容器,其内部div容器设置了float样式,则外部的容器div因为内部没有clear,导致不能撑开。解决方法: CSS代码:复制代码 代码如下:.clearfix:after { content: "." ; display: block ;height: 0 ;clear: b... 阅读全文

font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif详解

2015-12-09 21:41 by 流浪的诗人, 5977 阅读, 收藏, 编辑
摘要:在phpcms v9的样式表文件reset.css中有如下一段样式,具体什么意思?代码如下:body,html,input{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}解释:这是css中font的简写写法。字体:字体大小/字体行高 字体格式。详... 阅读全文

html5新特性data_*自定义属性使用

2015-12-08 22:16 by 流浪的诗人, 263 阅读, 收藏, 编辑
摘要:HTML5规范里增加了一个自定义data属性. 这个自定义data属性的用法非常的简单, 就是你可以往HTML标签上添加任意以 "data-"开头的属性, 这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的. 使用data-*可以解决自定义属性混乱无管理的现状。 工具/原料 阅读全文

CSS中zoom和scale的区别

2015-12-07 15:15 by 流浪的诗人, 269 阅读, 收藏, 编辑
摘要:zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置。另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算。运行 第一个测试中只设置了scale,... 阅读全文

css知多少(12)——目录

2015-11-20 18:15 by 流浪的诗人, 130 阅读, 收藏, 编辑
摘要:《css知多少》系列就此完结了。常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的。不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了。 我的身份不是前端开发人员,而是产品经理。我规划的产品是一款项目管理软件,我也是一个PMP。我深知... 阅读全文

DIV样式汇总

2015-11-19 22:01 by 流浪的诗人, 271 阅读, 收藏, 编辑
摘要:DIV样式汇总最近在学习JavaScript,在做到个要控制控件样式的例子时,突然有了把常用样式汇总一下的想法,于是乎就写了以下内容,以下是以div为例来汇总的,希望对大家有些帮助。一、常用属性:1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例:3、margin:用于设置DI... 阅读全文

用CSS中的Alpha实现渐变

2015-11-19 21:59 by 流浪的诗人, 409 阅读, 收藏, 编辑
摘要:效果一:HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]效果二:HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]效果三:HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 阅读全文

CSS教程:div垂直居中的N种方法[转]

2015-11-19 21:57 by 流浪的诗人, 314 阅读, 收藏, 编辑
摘要:在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生... 阅读全文

window.location.hash 页面跳转,精确定位,实例展示:

2015-10-28 10:52 by 流浪的诗人, 2266 阅读, 收藏, 编辑
摘要:window.location.hash 页面跳转,精确定位,实例展示: (1)、index.phtml,页面用于传参 (2)、index.js,用于获取参数 /** *window.location.hash 定义和用法 *location是javascript里边管理地址栏的内置对象. *比如l... 阅读全文

height:100%和height:auto的区别

2015-06-06 18:24 by 流浪的诗人, 610 阅读, 收藏, 编辑
摘要:一直不明白height:100%和height:auto的区别,最近在制作前端页面时都用了height:100%;overflow:hidden; ,可是有些浏览器出现莫名的奇妙的问题,但换成height:auto就好了,百度过这个问题,却一直没有细看。今天又浮现了同样的问题,百度细看和群里的朋友指... 阅读全文