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

一、自定义滚动条

1 　　var oDiv=document.getElementById('div1'); 2     var oParent=document.getElementById('parent'); 3     var oDiv2=document.getElementById('div2'); 4      5     oDiv.οnmοusedοwn=function(ev){ 6         var oEvent=ev||event; 7         var disX=oEvent.clientX-oDiv.offsetLeft; 8          9         document.οnmοusemοve=function(ev){10             var oEvent=ev||event;11             var l=oEvent.clientX-disX;document.title=l;12             13             if(l<0){14                 l=0;15             }else if(l>oParent.offsetWidth-oDiv.offsetWidth){16                 l=oParent.offsetWidth-oDiv.offsetWidth;17             }18                         19             oDiv.style.left=l+'px';20             var scale=l/(oParent.offsetWidth-oDiv.offsetWidth);21             22             oDiv2.style.width=scale*300+'px';23             oDiv2.style.height=30+'px';24         }25         document.οnmοuseup=function(){26             document.οnmοusemοve=null;27             document.οnmοuseup=null;28         }29     }

 

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