摘要： 分析：瀑布流，做法有2种（1）绝对定位方案：每个单元格设置为绝对定位，通过计算，分别设置 top , left 即可实现（2）浮动方案：弄N列布局（浮动），然后图片数据，按顺序依次插入，如N为3列 ，第一张图片插入到第一列，第二张图片插入到第二列，第三张图片插入到第三列，第四张图片插入到第一列...... 阅读全文

摘要： （一）嵌套规则 【1】less可以让我们以嵌套的方式编写层叠样式，先看下面这段CSS；.box-a .hd { height: 20px;}.box-a .bd .txt { color: #000;}.box-a .other { position: relative;} 在LESS中，... 阅读全文

摘要： 【一】less简介 LESS（是.less后缀名的文件）包含一套自定义的语法及一个解析器，我们根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的CSS文件。LESS并没有裁剪CSS原有的特性，更不是用来取代CSS的，而是在现有CSS语法的基础上，为CSS加入程序式语言的特性，... 阅读全文

摘要： 在线例子：http://lgy.1zwq.com/dateSwitch/月份的判定，由于涉及到过多了判定条件，如果用if else会大大降低性能，建议用switch 语法 getDays:function(year,month){ // var aDay = [31,28|29,31... 阅读全文

摘要： 目前支持的是竖向与横向滚动http://lgy.1zwq.com/marScroll/现在分析下无间缝实现的基本思路（竖向例子）：HTML结构：1 2 3 014 025 036 047 ... 阅读全文

摘要： 线上实例：http://lgy.1zwq.com/slide/【处理】 这里的图片滚动轮播，做了点小处理：当在第1页状态时，你点击第5页，图片的滚动是一张滑过，而不是从2-3-4-5（这种的多张滚动，看得头晕眼花）；实现的做法是：剩下的就是源代码分享了：-------css-------------... 阅读全文

摘要： 在线实例：http://lgy.1zwq.com/calendar/按照我们常用的日历格式，是7*6的格子，所以生成格子的总数就确定为42例子：（如：2013年8月，这个时间为例子）/*----------生成日历格子：----------------------------------------... 阅读全文

摘要： 【一】添加监听事件 addHandler:function(node,type,fn){if(node.addEventListener){ node.addEventListener(type,fn,false); // false，设置为冒泡事件 } else{ node.attachEvent('on'+type,function(){ fn.apply(node,arguments); // attachEvent方法中，this并不是... 阅读全文

摘要： 在线实例：http://lgy.1zwq.com/puzzleGame/源代码思路分析：【一】如何生成图片网格，我想到两种方法： （1）把这张大图切成16张小图，然后用img标签的src （2）只有一张大图，然后每个元素的背景图用css的background-position进行切割定位，这... 阅读全文

摘要： 分析个人用原生JS获取类名元素的代码：getByClassName:function(className,parent){ var elem = [], node = parent != undefined&&parent.nodeType==1?... 阅读全文