<!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=utf-8" /><title>無標題文檔</title><style type="text/css">div{width:400px;height:100px;overflow: hidden;}ul {?? ?list-style: none;?????????? /*? 去掉ul標簽默認的點樣式? */???? background:#9F0;?? ? overflow: hidden;}div{overflow: hidden;}</style><script type="text/javascript">? window.onload =function(){?? myScroll();? }? var area = document.getElementById("box");? var mydiv=document.getElementById("mydiv");? var mydiv2 =document.getElementById("mydiv2");? mydiv2.innerHTML = mydiv.innerHTML;? area.scrollTop=0;? function myScroll(){?? ??? if(area.scrollTop>=mydiv.offsetHeight){?? ??? area.scrollTop=0;?? ?}else{?? ??? ?? area.scrollTop++; ??? ?} ? }? var gundong = setInterval("myScroll()",50);? area.onmousemove = function(){???? clearsetInterval(gundong);? }? area.onmouseout = function(){??? gundong = setInterval("myScroll()",50); ?? }? </script></head><body><div id="box"? >??? <ul id='mydiv' style="background:#9F0;">??????? <li><a href="#">1.學會html5 絕對的屌絲逆襲（案例）</a><span>2013-09-18</span></li>??????? <li><a href="#">2.tab頁面切換效果（案例）</a><span>2013-10-09</span></li>??????? <li><a href="#">3.圓角水晶按鈕制作（案例）</a><span>2013-10-21</span></li>??????? <li><a href="#">4.HTML+CSS基礎課程(系列)</a><span>2013-11-01</span></li>??????? <li><a href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li>??????? <li><a href="#">6.導航條菜單的制作（案例）</a><span>2013-11-08</span></li>??????? <li><a href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>??????? <li><a href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li>??????? <li><a href="#">9.如何實現“新手引導”效果</a><span>2013-12-06</span></li>??? </ul>??? <ul id="mydiv2></ul>?????????? ?</div></body></html>
我的無縫滾動不行。不知哪里錯了，誰幫忙看下
哎喲Zhou哥哥
2016-10-27 17:10:03
