（案例）滚动列表
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
//CSS
<style type="text/css">
div,ul,li,body{
padding:0px;
margin:0px auto;
}
div{ width:130px; height:200px; font-size:16px; overflow:hidden}
#div1{margin-top:20px;}
li{ list-style:none}
</style>
//JS
<script type="text/javascript">
window.onload= function (){//匿名函数网页加载完执行的函数，网页没加载完无法得要想要的对象
div1=document.getElementById("div1");//获取id为div1的对象
var div2=document.getElementById("div2");//获取id为div2的对象
var div3=document.getElementById("div3");//获取id为div3的对象
div3.innerHTML=div2.innerHTML; //把div2的所有内容赋值给div3
div1.onmouseover=function(){window.clearInterval(dsq);}//鼠标放上去事件关闭定时器
div1.onmouseout=function(){dsq=window.setInterval("gd()",40);}//鼠标离开事件创建定时器
}
//从这里开始运行，函数内不运行，运行完了在运行上面的窗口事件
var div1;//全局变量表示div1这个对象
var dsq;//全局变量表示定时器
dsq=window.setInterval("gd()",40);//创建定反复性时器
function gd(){//定时器执行的函数
div1.scrollTop++;//div1这个对象滚动的距离自加1
var a=div1.scrollHeight-div1.offsetHeight;//总高度减去可见高
if(div1.scrollTop==a){//判断总高减去可见高是否等于滚动高,判断是否滚动到底了
div1.scrollTop=0;//滚动高赋值0
}
}
</script>
</head>
<body>
<div id="div1" >
<div id="div2">
<ul>
<li>1111111111</li>
<li>222222222</li>
<li>33333333</li>
<li>4444444</li>
<li>555555</li>
<li>66666</li>
<li>7777</li>
<li>888</li>
<li>99</li>
<li>10</li>
<li>11</li>
</ul>
</div>
<div id="div3"></div>
</div>
</body>
</html>
