摘要： 看过不少关于事件绑定（事件监听）的文章，曾经也白痴过。现在稍微懂点，仅给初学者了解。初期看到这个事件很陌生，因为作为美工的我负责的是拔特效，写一些下拉菜单。直到有一天，当写一个模拟select菜单的时候遇见一个问题，当时和我另外一个同事写的东西通用了一个id的特效，但是我的代码被覆盖了。知道网上搜索才了解到解决方法。事件：addEventListener//FF,Chorme.. attachEvent//ie例子：window.onload = function(){ var oDiv=document.getElementById('div1'); oDiv.onclick 阅读全文

摘要： 菜鸟级别的前端制作写的jquery滚动代码，不废话了垃圾代码style*{ padding:0px; margin:0px;}li{ list-style:none;}#scroll,#scroll1{width:600px; margin:20px auto; position:relative; height:160px; overflow:hidden;}.list{ height:120px; position:absolute; left:0px; top:20px; overflow:hidden;}.list li{ width:100px; float:left; text-a 阅读全文

摘要： 闲着没事，逛了下googlepaly网站 看着他们的tabs选项卡样式竟然用的不是图片，而是css实现的斜边，没事简单说了一下自己理解的其中的原理1，理解border的原理查看样式style部分border-bottom:24px solid #F00; border-right:24px solid transparent; border-top:24px solid #F00; border-left:24px solid transparent;图片以前以为border是个中规中矩的长方形，我们可以看出来其实border的图片并不是中规中矩的长方形.而是梯形的结构，最终接近于三角形如图： 阅读全文

摘要： js模块代码function getStyle(obj,attr){ if(obj.currentStyle){//兼容ie return obj.currentStyle[attr]; } else{ return getComputedStyle(obj,null)[attr]; }}window.onload=function(){ oDiv= document.getElementsById('div'); console.log((oDiv,'width'));}HTML<div id='div'>fasdfsdfsdfsd 阅读全文

摘要： 事件委托好处：1.提供性能。2.添加元素仍然有以前的事件效果。js片段window.onload = init;function init(){ var oUl =document.getElementById('ul'); var oInput = document.getElementById('input'); var iNow =4; oInput.onclick = function(){ iNow++; var oLi = document.createElement('li'); oLi.innerHTML = "&quo 阅读全文