摘要: 绑定事件addEventListener:W3C标准写法IE不兼容attachEvent:兼容IE注意:1:事件名不同:IE下要加“on“,W3C不加 2:加载事件的执行顺序不同,W3C按绑定事件的顺序来执行,而IE6,7是后绑定的时间先发生 3:this的指向,W3C中,绑定函数中的this指向DOM对象,而IE6,7指向WINDOWS对象var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else ... 阅读全文
posted @ 2013-09-24 17:20 sony静 阅读(178) 评论(0) 推荐(0) 编辑
摘要: window.onload=window.onresize=window.onscroll=function(){ showImg(); };function getPos(obj){ var l=0; var t=0; while(obj) { l+=obj.offsetLeft; t+=obj.offsetTop; obj=obj.offsetParent; } return {left: l, top: t};}function showImg(){ var aTmg=docu... 阅读全文
posted @ 2013-09-24 17:20 sony静 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 绝对定位方式的瀑布流布局:一、布局1、包围块框的容器: ... ...2、一个块框: 3、初始化第一行/5个块框:.pin{ padding: 15px 0 0 15px; float: left;}.box{ padding: 10px; border:1px solid #ccc;}.box img{ width:192px; height:auto;}效果:二、思路:1、设置父级main的样式:水平居中。2、设置每个块框pin的样式:绝对定位。3、设置窗口滚动事件的监听... 阅读全文
posted @ 2013-09-24 17:08 sony静 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 先看下面的代码: var $ = KISSY.all; $(‘a’).on(‘click’,function(e){ doSomeThing();//这个方法貌似很有名 e.halt(); }); 上面的代码看起来像是很好的完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,但这么做到底有什么不对呢? 在解释有什么不对前,我们来看看浏览器中事件中的几个概念 浏览器默认行为 当我们点击某一个链接的时候,浏览器会直接跳转,在表单中按回车,表单会自动提交,这些都是浏览器的默认行为。 Javascript事件传播的机制 什么是事件冒泡? 比如点击了一个按钮,这个... 阅读全文
posted @ 2013-09-24 17:02 sony静 阅读(172) 评论(0) 推荐(0) 编辑