2013 年 10月 26 日随笔档案 - 新月风云

摘要： 1、hide() show()使用hide show 实现菜单自动展开、折叠效果菜单1 列表1 列表2 子列表1 子列表2 子列表3 ... 阅读全文

posted @ 2013-10-26 18:22 新月风云阅读(160) 评论(0) 推荐(0)

摘要： div1 div2 div3 link CSS position 属性position 属性值的含义：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。absolute元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关... 阅读全文

posted @ 2013-10-26 16:47 新月风云阅读(237) 评论(0) 推荐(0)

javascript事件传播

摘要： 1、事件捕获：多个元素响应同一事件例如有 A、B两个元素，A包含B，则事件先由外层元素A处理，再由B处理2、事件冒泡与事件捕获相反，先由内层元素响应事件，再由外层元素响应DOM标准规定同时使用这两种模型，先是由一般到具体，再是冒泡返回顶层元素，事件处理程序可注册到任何一阶段jquery事件是注册在冒泡阶段，是先由具体元素响应 div1 div2 div3 测试结果：点击div3时，分别弹出 div3， div2， div1，验证了事件的冒泡阅读全文

posted @ 2013-10-26 14:37 新月风云阅读(173) 评论(0) 推荐(0)

jquery 事件

摘要： 1、toggle toggleClass 切换 $("#toggleClass").click(function(){ $("tr:even").toggleClass("gray"); }); $("#toggle").toggle(function(){ $("tr:even").addClass("gray"); },function(){ $("tr:even").removeClass("gray"); });2、hover 阅读全文

posted @ 2013-10-26 13:30 新月风云阅读(168) 评论(0) 推荐(0)

jquery ready原理（转载）

摘要： jQuery是一套跨浏览器的JavaScript函式库，强化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上释出第一个版本。目前全球有28%的站台使用jQuery，是目前最受欢迎的JavaScript函式库。jquery ready函数源代码:一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).read 阅读全文

posted @ 2013-10-26 00:28 新月风云阅读(273) 评论(0) 推荐(0)

table 隔行变色

摘要： Insert title here 单行1 单行2 单行3 双行1 双行2 双行3 单行1 单行2 ... 阅读全文

posted @ 2013-10-26 00:23 新月风云阅读(375) 评论(0) 推荐(0)

2013年10月26日