http://rhinohorns.blogspot.com/2007/10/blog-post_3066.html 鼠軌滑動選單特效

代碼：
選單方面此以 <div> 為例，安排 onmouseover 做為滑動操作，onclick 做為鎖與解鎖頁面的切換。由於效果要達到小範圍操作大頁面，所以 style="overflow:hidden" 是需要的。
<br /><div id="Menu" style="overflow:hidden" onmousemove="sh_autoScroll(event,this);" onclick="sh_lockScroll(this)"><br /></div><br />

以下為需附加程式碼部分，
//設定是否鎖定操作頁.<br />function sh_lockScroll(ob){<br />    switch(ob.getAttribute("sh_lock")){<br />        case null: ob.setAttribute("sh_lock","on")  <br />        break<br />        case "on": ob.setAttribute("sh_lock","off")<br />        break<br />        case "off": ob.setAttribute("sh_lock","on")<br />        break<br />    }<br />}<br /><br />//設於 onmouseover(event,this)中, 以做為操作頁上下滑動用.<br />function sh_autoScroll(e,ob){<br />    var sh_lastClientYValue = 0;<br />    <br />    if(ob.getAttribute("sh_lock") != "on"){<br />        if(ob.getAttribute("sh_lastClientYValue") == null){<br />            ob.setAttribute("sh_lastClientYValue",sh_lastClientYValue);<br />        }else{<br />            sh_lastClientYValue = ob.getAttribute("sh_lastClientYValue");<br />        }<br />        <br />        var tempScrollTop = eval(ob.scrollTop);<br />        var jumpValue = eval(ob.scrollHeight/ob.offsetHeight);<br />        var jumpElements = Math.abs(eval(sh_lastClientYValue - e.clientY));<br /><br />        if(jumpElements >= 5){<br />            if(e.clientY < sh_lastClientYValue){<br />                if(tempScrollTop - jumpValue * jumpElements >= 0){<br />                    ob.scrollTop = tempScrollTop - (jumpValue * jumpElements);<br />                }else{<br />                    ob.scrollTop = 0;<br />                }<br />            }else{<br />                if(tempScrollTop + jumpValue * jumpElements <= ob.scrollHeight){<br />                    ob.scrollTop = tempScrollTop + (jumpValue * jumpElements);<br />                }else{<br />                    ob.scrollTop = ob.scrollHeight;<br />                }<br />            }<br />            //sh_lastClientYValue = e.clientY;<br />            ob.setAttribute("sh_lastClientYValue",e.clientY);<br />        }<br />    }<br />}
展示：(將鼠標於範圍內移動，click 可鎖定或解鎖定操作區)

第一項

---

第二項

---

第三項

---

第四項

---

第五項

---

第六項

---

第七項

---

第八項

---

第九項

---

第十項

---

第十一項

---

第十二項

---

第十三項

---

第十四項

---

第十五項

---

第十六項

---

第十七項

---

第十八項

---

第十九項

---

第二十項