jQuery之-拼图小游戏
摘要：在线实例：http://lgy.1zwq.com/puzzleGame/源代码思路分析：【一】如何生成图片网格，我想到两种方法： （1）把这张大图切成16张小图，然后用img标签的src （2）只有一张大图，然后每个元素的背景图用css的background-position进行切割定位，这...
阅读全文
posted @
2013-07-30 22:14
LGY_永
阅读(1615)
推荐(0) 编辑
原生javascript-Tab选项卡-面向对象
摘要：分析个人用原生JS获取类名元素的代码：getByClassName:function(className,parent){ var elem = [], node = parent != undefined&&parent.nodeType==1?...
阅读全文
posted @
2013-07-27 15:22
LGY_永
阅读(1788)
推荐(1) 编辑
原生javascript-图片滚动按需加载
摘要：图片滚动按需加载：在某个区域的图片（自定义的范围，一般是首屏以下的区域），拉动滚动，图片出现在可视范围才开始加载，目的是减少请求，减耗宽带，提高首屏的呈现速度，让用户第一时间看到网页内容，留下美好的第一印象。讲解：（一）需要按需加载的img标签，图片的真实地址保存到自定义的属性里，如'data-sr...
阅读全文
posted @
2013-07-16 22:12
LGY_永
阅读(2960)
推荐(2) 编辑
原生javascript-图片按钮切换
摘要：即上次被分配写原生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_永
阅读(1995)
推荐(2) 编辑
原生javascript-图片弹窗交互效果
摘要：本人的第一个原生js插件 - picLightBox 在线例子：http://lgy.1zwq.com/photoBox/ 【一】用var 声明多个变量，比每个变量都用var快多了 【二】Dom事件优化，在 window.onresize时，定义个定时器,setTimeout，可以防止事件频繁调用
阅读全文
posted @
2013-07-07 20:10
LGY_永
阅读(2610)
推荐(3) 编辑
