2014年10月27日

摘要: 实现三角形的原理:1,div的border生成是向外扩的,2,当div有相邻border时,拐角处会以一种各占一半的三角拼合。所以当设这div的宽高为0和0时,如果它有四个border的话,就会组成一个正方形,每边分别为一个等腰三角形,此时若设任意三边对望的两个边为透... 阅读全文
posted @ 2014-10-27 10:31 webkey-wzy 阅读(502) 评论(0) 推荐(0) 编辑
 

2014年10月26日

摘要: 节点计算后样式是一个属性与属性值的值对对象;IE:node.currentStyle;非IE: window.getComputedStyle(node,null);兼容方式: function getCurrentStyle(node){ var style=[];node.currentSt... 阅读全文
posted @ 2014-10-26 21:36 webkey-wzy 阅读(131) 评论(0) 推荐(0) 编辑
 
摘要: 与字符串的转换:str.split(","):将一个字符串以为英文逗号分割,返回一个数组;arr.join(","):返回用指定分隔符间隔的含所有数组元素的字符串;和toString()相似;这两个方法刚好相反。数组首末位的操作:arr.shift():移除并返回第一个元素;arr.unshift(... 阅读全文
posted @ 2014-10-26 21:35 webkey-wzy 阅读(132) 评论(0) 推荐(0) 编辑
 

2014年10月24日

摘要: 对于一个没有编程基础的人来说,我时常希望能有人告诉我,当我们看到一个效果的时候,该怎样有条理地分析出它的行为,而我自己有必要加强这方面的 自省,对于一个轮播图我是这样看的,自动播放必然带有一个定时器,而播放某帧(若假设为渐变为实),渐变就必然也有一个定时器。 1:人通过鼠标控制一个轮播的自动播放a... 阅读全文
posted @ 2014-10-24 17:18 webkey-wzy 阅读(954) 评论(0) 推荐(0) 编辑
 
摘要: li{ width:300px; white-space:nowrap;表示怎样处理li容器中的空白部分,nowrap表强制不换行,直到文本结束或碰到 text-overflow:ellipsis;文本超过li容器宽时,以省略号标识溢出; overflow:hidden; } 阅读全文
posted @ 2014-10-24 17:17 webkey-wzy 阅读(151) 评论(0) 推荐(0) 编辑
 
摘要: 为什么要清除浮动?非IE下,当容器的高度为auto,容器有浮动元素,此时容器的高度不能自己伸长适应内容的高度,造成内容溢出乃至影响布局,即所谓的“浮动溢出”,为防此象,需要清除浮动。如何清除浮动?这里只记录最好的一种方法,伪元素和ie 触发haslayout:.clearfix{zoom:1;}.c... 阅读全文
posted @ 2014-10-24 17:16 webkey-wzy 阅读(163) 评论(0) 推荐(0) 编辑