超精簡版的鏈接列表在區域內滾動的代碼

2024-09-05 12:18:07

字體：大中小

來源：轉載

供稿：網友

超精簡版的鏈接列表文字滾動代碼，在指定的區域內滾動，當然，區域大小可以自己設置的。

<html><HEAD><TITLE>文字鏈接列表滾動</TITLE><META content="text/html; charset=gb2312" http-equiv=Content-Type><STYLE type=text/css>#demo a {	width:100%;	overflow:hidden;	font:12px/16px tahoma;	display:block;	text-decoration:none;	margin:2px;	color:#4a551c;	padding-left:2px;	text-align:left;}#demo a:hover {	color:#ff6600;}</STYLE></HEAD><body><div   class="iwvjtn8m0"   id="demo" style="overflow:hidden;height:132px;width:350px; border:1px solid #dde5bc;">	<div   class="iwvjtn8m0"   id="demo1"> 		多彩的電腦機箱圖標，很多顏色和風格……		地方稅務局網站建設方案 ……		獲得系統內存，并以圓餅圖表現百分比……		多彩的電腦機箱圖標，很多顏色和風格……		完全兼容IE, FF, Opera, 其它的還未經測試……		地方稅務局網站建設方案 ……		多彩的電腦機箱圖標，很多顏色和風格……		地方稅務局網站建設方案 ……		完全兼容IE, FF, Opera, 其它的還未經測試……		獲得系統內存，并以圓餅圖表現百分比……		完全兼容IE, FF, Opera, 其它的還未經測試……		獲得系統內存，并以圓餅圖表現百分比……	</div>	<div   class="iwvjtn8m0"   id="demo2"></div></div><script>var speed=40var demo=document.getElementById("demo");var demo2=document.getElementById("demo2");var demo1=document.getElementById("demo1");demo2.innerHTML=demo1.innerHTMLfunction Marquee(){	if(demo2.offsetTop-demo.scrollTop<=0)		demo.scrollTop-=demo1.offsetHeight	else{		demo.scrollTop++	}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script></body></html>

上一篇：滾動，Js版，點擊鼠標后激活