https://github.com/lianbinghua

08 2014 档案

animation-play-state
摘要：animation-play-state：css:.play-state{ -webkit-animation:f1 2s 0.5s infinite linear forwards alternate; -moz-animation:f1 2s 0.5s infinite line... 阅读全文
posted @ 2014-08-21 11:13 连冰华 阅读(183) 评论(0) 推荐(0)
animation-fill-mode
摘要：animation-fill-mode:none：默认值。不设置对象动画之外的状态forwards：结束后保持动画结束时的状态，但当animation-direction为0，则动画不执行，持续保持动画开始时的状态backwards：结束后返回动画开始时的状态both：结束后可遵循forwards和... 阅读全文
posted @ 2014-08-21 10:58 连冰华 阅读(241) 评论(0) 推荐(0)
css3 media queries
摘要：使用max-width @media screen and (max-width:600px){//你的样式放在这里....}使用min-width @media screen and (min-width:900px){//你的样式放在这里...}max-width和min-width... 阅读全文
posted @ 2014-08-20 16:03 连冰华 阅读(185) 评论(0) 推荐(0)
三列，左右两列宽度固定，中间宽度自适应
摘要：body{ margin:0;} #wrapper{ height: 300px; overflow: hidden; } .left{ width: 200px; height: 100%; background: red; float: left; } .rig... 阅读全文
posted @ 2014-08-18 11:22 连冰华 阅读(239) 评论(0) 推荐(0)
两列布局，一列定宽，一列宽度自适应
摘要：方法一:body{ margin: 0;}.container{ height: 300px; overflow: hidden;}.left{ width: 200px; height: 300px; background: red; position: absolute; left:0; top... 阅读全文
posted @ 2014-08-18 11:14 连冰华 阅读(487) 评论(0) 推荐(0)
css3 animation
摘要：animation:animation-name | animation-duration | animation-timing-function | animation-delay | animation-iteration-cout | animation-direction | a... 阅读全文
posted @ 2014-08-15 17:26 连冰华 阅读(193) 评论(0) 推荐(0)
transition和animation区别
摘要：Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。Transiti... 阅读全文
posted @ 2014-08-15 16:57 连冰华 阅读(363) 评论(0) 推荐(0)
transform 和 transition
摘要：transform的属性包括：rotate() / skew() / scale() / translate() /matrix()其中 rotate() 旋转度数，0-360 skew() 元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数 translate()元素从其... 阅读全文
posted @ 2014-08-15 16:54 连冰华 阅读(345) 评论(0) 推荐(0)
弹出框样式
摘要：.pop_overlay{ width: 100%; height: 100%; background: #c2c2c2; opacity: 0.5; filter:alpha(opacity=50); position: fixed; z-index: 1; left: 0; top:0; dis... 阅读全文
posted @ 2014-08-12 15:43 连冰华 阅读(536) 评论(0) 推荐(0)
form表单提交 type="submit"
摘要：姓 名 学 校 手 机 QQ $(f... 阅读全文
posted @ 2014-08-12 15:35 连冰华 阅读(2015) 评论(0) 推荐(0)
jquery事件 on(),live(),delegate(),blind()
摘要：jQuery推出on()的目的有2个，一是为了统一接口，二是为了提高性能，所以从现在开始用on()替换bind(), live(), delegate吧。尤其是不要再用live()了，因为它已经处于不推荐使用列表了[1.7+已经被删除]。如果只绑定一次事件，那接着用one()吧，这个没有变化。on(... 阅读全文
posted @ 2014-08-06 10:28 连冰华 阅读(603) 评论(0) 推荐(0)
原生 ajax
摘要：1.创建XMLHttpRequest对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {... 阅读全文
posted @ 2014-08-04 18:06 连冰华 阅读(155) 评论(0) 推荐(1)