摘要: 图片滚动按需加载:在某个区域的图片(自定义的范围,一般是首屏以下的区域),拉动滚动,图片出现在可视范围才开始加载,目的是减少请求,减耗宽带,提高首屏的呈现速度,让用户第一时间看到网页内容,留下美好的第一印象。讲解:(一)需要按需加载的img标签,图片的真实地址保存到自定义的属性里,如'data-sr... 阅读全文
posted @ 2013-07-16 22:12 LGY_永 阅读(2951) 评论(12) 推荐(2) 编辑
摘要: 即上次被分配写原生JS相册弹窗后,这次又接到了写原生JS,图片按钮切换,真激情:个人在线实例:http://www.lgyweb.com/picSwitch/以下为详细代码:function LGY_picSwitch(option){ this.oWrap = this.getId(option.wrapID); //最外层元素 this.olistWrap = this.getNodeByClassname(this.oWrap,'gy_picSwitch_listWrap')[0]; this.oUl = this.olistWrap.getElementsByTagN. 阅读全文
posted @ 2013-07-11 22:02 LGY_永 阅读(1986) 评论(6) 推荐(2) 编辑
摘要: 本人的第一个原生js插件 - picLightBox 在线例子:http://lgy.1zwq.com/photoBox/ 【一】用var 声明多个变量,比每个变量都用var快多了 【二】Dom事件优化,在 window.onresize时,定义个定时器,setTimeout,可以防止事件频繁调用 阅读全文
posted @ 2013-07-07 20:10 LGY_永 阅读(2597) 评论(9) 推荐(3) 编辑
摘要: overflow:hidden列出我在项目中,运用到此属性的例子:(1)暴力清除浮动 test of css(2)阻止边距外折叠 test of css(3)在IE-6,解决定义1px高的块元素 (4)创建两栏布局 阅读全文
posted @ 2013-06-30 00:35 LGY_永 阅读(659) 评论(0) 推荐(0) 编辑
摘要: test of css 以上例子,最终的显示效果是 font-size: 16px,并不是后面的font-size: 14px; 这种组合的选择器有快速方法判断: 0,0,0,0 第一位数值是代表写在标签上的样式,如 第二位数值代表的是id选择器,如 #demo {} 第三位数值是代表: 类名( .demo {} )或 伪类(:hover)或 属性选择器[rel=”xx”] 第四位数值是代表:标签选择器 p {}现在用第一个例子来实践下:div.ui_infor p {font-size: 16px;} 它的权重是:0,0,1,2.ui_infor p {font-siz... 阅读全文
posted @ 2013-06-23 23:06 LGY_永 阅读(403) 评论(0) 推荐(0) 编辑