2011年07月_jyy_12

11月 10月 09月 08月 07月 06月

原创图片按需加载

图片延迟按需加载是指当打开网页时，只加载显示当前屏幕区域的图，当滚动页面时再加载按需要加载其它区域的图片，提高网页打开速度，节约带宽。jquery lazyload是一款基于jquery框架的图片延迟加载应用，它可以让用户访问页面的时候只显示当前屏幕所示的图片。原理为利用JS

2011-07-30 15:45:14 3967

原创 JS利用class控制多个子元素的显示隐藏在IE6下的bug

HTML结构：隐藏效果：当点击span时，box2/box3/box4隐藏，通过JS给最外层添加样式hide实现hide样式：.hide .box2,.hide .box3,.hide .box4{display:none;}在IE6下触发JS后，需要隐藏的

2011-07-27 22:25:03 4857

原创自适应按钮在IE6、IE7下的左右padding值

最终效果如下图：用到的背景图：HTML结构:CSS:.button{background:url(bg.gif) no-repeat right -30px;height:30px;display:inline-block;margin-left:10px;}.button

2011-07-26 22:49:42 27605 1

转载 IE 条件注释

原文地址：http://dreamstep.cn/archives/744IE 条件注释示例： a{color:#ffff;}上面代码的意思是将 IE 的所有链接的颜色设为 #fff 的16位制值。条件注释语法表![if !IE]非(NOT)运算符。它直接位于特性

2011-07-17 16:57:30 657

原创不同浏览器对小数值的解析测试

高度：chrome12：忽略小数值firefox4：四舍五入opera11：忽略小数值IE9：四舍五入IE8：四舍五入IE7：忽略小数值IE6：忽略小数值，大于0小于3时均显示为2px边框：chrome12：忽略小数值firefox4：大于0小于1时为1px

2011-07-03 11:39:02 601

原创 css hack整理，更新于2011-7-17

.box{ color:red; *color:green; /* IE6 IE7 */ *+color:green; /* IE6 IE7 */ [color:green; /* IE6 IE7 */ _color:blue; /* IE6*/ color:yellow9; /* IE6 IE7 IE8 IE9 */ color:#CCCCC

2011-07-02 10:57:40 381

原创 :nth-child选择器

偶数项 :nth-child(even)或:nth-child(2n)奇数项 :nth-child(odd)或:nth-child(2n+1)每隔三项:nth-child(3n)前五项:nth-child(-n+5)从第4项开始之后2的倍数:nth-child(2n+4)第五项:nth-child(5)每隔4条，第一次往上提一条:nth-child(4n-1)其中数组从1开始，n从0开始支持情

2011-07-02 10:08:59 894