摘要：实现效果：第一次点击展开，再点击收起。js代码：function contract(closeClass, openClass, contBox){ function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getEl... 阅读全文
鼠标经过显示层，移出隐藏层
2012-02-17 20:19 by 边缘er, 2437 阅读, 1 推荐, 收藏,
摘要：鼠标经过显示层，鼠标移出后隐藏层，这种情况是非常常见的。假如有2个层：一个是内容层cont（默认显示），一个是提示层tip（默认隐藏）。当鼠标经过cont的时候tip显示，但当鼠标进入tip的时候（这时候鼠标已经移出cont），还要保证tip是显示。然后鼠标移出tip或移出cont（没有进入tip）的时候，tip层隐藏。js代码function tip(overClass, tipClass){ function getEvent(event){//获取事件对象 return event ? event : window.event; } function ge... 阅读全文
浏览器可视区域、页面实际宽度、高度
2012-02-17 18:04 by 边缘er, 4171 阅读, 0 推荐, 收藏,
摘要：测试浏览器傲游2（ie6内核）、火狐4、google8.0（分标率1280）一、浏览器可视区域-宽和高可视区域就是不包括上下左右的工具栏、状态栏（滚动条特殊）。代码：var pageWidth = document.documentElement.clientWidth,pageHeight = document.documentElement.clientHeight;可视宽：ie中竖向滚动条影响pageWidth的值。就拿1280分辨率（窗口最大化情况）来举例，ie浏览器下pageWidth的值是1261（减去了滚动条的宽），而火狐和谷歌浏览器下pageWidth是1280。ie默认是有滚 阅读全文
a标签深入研究
2012-02-17 18:02 by 边缘er, 270 阅读, 0 推荐, 收藏,
摘要：1.普通a标签，这个没什么好说的，是行内元素，即使加了宽和高也不会占相应的面积。2.给普通的a标签加上display:block或者float属性，a标签就以块元素显示了，占有相应的面积（这里有宽高），这是比较常用。3.给普通的a加上position:absolute定位。出现诡异的情况：没有背景的时候ie6 7下a标签没有占相应的面积；有背景的情况下，a标签都占有相应的面积。4.还说position:absolute的a标签。和第3种情况对比，我们不放背景，给这个绝对定位的a一个同级元素或父元素（高度需要撑开到大于a标签的高度）。小结：针对第3、4种情况，得出以下结论：a标签position 阅读全文
事件委托
2012-02-17 17:58 by 边缘er, 229 阅读, 0 推荐, 收藏,
摘要：用事件委托写方法在很多时候会提高性能。比如有个ul中有3个li，点击不同的li调用不同的方法，这就可以通过"事件冒泡"（关于事件冒泡）来构建事件委托了。说简单点，就是只写一个方法在ul上，li则冒泡到ul,通过判断不同的事件目标对象（真正点击的是li，也就是目标），执行不同的操作。<ul id="weituo"> <li id="li1">第一个li</li> <li id="li2">第二个li</li> <li id="li3" 阅读全文
浙公网安备 33010602011771号