js事件应用

---恢复内容开始---

一、自定义滚动条

　　var oDiv=document.getElementById('div1');
    var oParent=document.getElementById('parent');
    var oDiv2=document.getElementById('div2');
    
    oDiv.onmousedown=function(ev){
        var oEvent=ev||event;
        var disX=oEvent.clientX-oDiv.offsetLeft;
        
        document.onmousemove=function(ev){
            var oEvent=ev||event;
            var l=oEvent.clientX-disX;document.title=l;
            
            if(l<0){
                l=0;
            }else if(l>oParent.offsetWidth-oDiv.offsetWidth){
                l=oParent.offsetWidth-oDiv.offsetWidth;
            }
                        
            oDiv.style.left=l+'px';
            var scale=l/(oParent.offsetWidth-oDiv.offsetWidth);
            
            oDiv2.style.width=scale*300+'px';
            oDiv2.style.height=30+'px';
        }
        document.onmouseup=function(){
            document.onmousemove=null;
            document.onmouseup=null;
        }
    }

---恢复内容结束---