首页 > 网络编程 > JavaScript > javascript技巧 > 鼠标放上去则向上向下滚动的代码 2006-11-15 00:00:00 作者： 鼠标放上去则向上向下滚动的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <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)" width="10" height:="10" /></span> <span><img src="images/top.gif" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(2)" width="10" height:="10" /></span> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]脚本之家站长修改
