鼠标放上去则向上向下滚动的代码_javascript技巧

<script language="javascript" type="text/javascript"> function scroll(n) {temp=n; document.getElementById("Out1").scrollTop+=temp; if (temp==0) return; setTimeout("scroll(temp)",10); } </script> <ul name="Out1" id="Out1" style="overflow:hidden;height:100px;"> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> <li>xx</li> </ul> <span><img src="images/bottom.gif" onmouseover="scroll(-1)" onmouseout="scroll(0)" nmousedown="scroll(-2)" style="max-width:90%" height:="10" alt="鼠标放上去则向上向下滚动的代码_javascript技巧" ></span> <span><img src="images/top.gif" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(2)" style="max-width:90%" height:="10" alt="鼠标放上去则向上向下滚动的代码_javascript技巧" ></span>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

脚本之家站长修改