当前位置：Gxlcms > JavaScript > 鼠标放上去则向上向下滚动的代码

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

时间：2021-07-01 10:21:17 帮助过：27人阅读

<!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="https://www.jb51.net/article/images/bottom.gif" onmouseover="scroll(-1)" onmouseout="scroll(0)" nmousedown="scroll(-2)" width="10" height:="10" /></span> 
<span><img src="https://www.jb51.net/article/images/top.gif" onmouseover="scroll(1)" onmouseout="scroll(0)"  onmousedown="scroll(2)" width="10" height:="10" /></span>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
脚本之家站长修改

人气教程排行