李浩然的專欄
阿新 • • 發佈:2018-12-22
<html> <head> <title>書訊快遞</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> body{ margin: 0; padding: 0; font-size: 15px; } #dome{ margin: 0 auto; padding: 0; margin-top: 30px; width: 200px; height: 220px; /*border:1px solid green;*/ overflow:hidden; /*溢位屬性*/
} #dome ul{ margin: 0; padding: 1px; list-style: none; } </style> <script type="text/javascript"> //全域性變數 var timer; var dome; //匿名函式初始化 window.onload = function(){ //獲取三個dome dome = document.getElementById("dome"); var dome1 = document.getElementById("dome1"); var dome2 = document.getElementById("dome2"); //將dome的高都賦值給dome1 dome2 dome1.style.height = dome.offsetHeight+"px"; dome2.style.height = dome.offsetHeight+"px"; //將dome1的內容賦值給dome2 dome2.innerHTML = dome1.innerHTML; //啟動定時器進行執行 滾動scrollTop timer = window.setInterval("start()",50); //滑鼠按上去就會停止 移開就進行 dome.onmouseover = function(){ window.clearInterval(timer); } dome.onmouseout = function(){ timer = window.setInterval("start()",50); } } function start(){ if(dome.scrollTop==dome.offsetHeight){ dome.scrollTop = 0; }else{ dome.scrollTop++; } } </script> </head> <body > <div id="dome"> <div id="dome1"> <ul> <li><font color="red">2010考研英語大綱到貨75折...</font></li> <li>權威定本四大名著(人民文...</li> <li>口述歷史權威唐德剛先生國...</li> <li>袁偉民與體壇風雲:實話實...</li> <li>我們臺灣這些年:轟動兩岸...</li> <li>暢銷教輔推薦:精品套書50...</li> <li>2010版法律碩士聯考大綱75...</li> <li>計算機新書暢銷書75折搶購</li> <li>2009年孩子最喜歡的書>></li> <li>弗洛伊德作品精選集59折</li> </ul> </div> <div id="dome2"></div> </div> </body> </html>