作者:darkvn 時間: 2003-10-31 文檔類型:原創(chuàng) 來自:藍色理想
常有人因為頁面的面積問題,想在一個窄小的地方,顯示一條條的信息,順序往上滾動,在經典的BBS里,有一個隨機上滾動的JS,好些人用不了,現在蛋蛋改了一個給大家拷貝。大家只要把數組里的鏈接和地址改改就能用了。增加的話,只要順序加入新的數組就行了
運行代碼框<script> var marqueeContent=new Array(); //滾動新聞 marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=http://www.95time.cn/updatelist.asp target=_blank class="f12red">小泉稱若自民黨在議會選舉中失敗</a><br>'; marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=http://www.95time.cn/updatelist.asp target=_blank class="f12red">布什發(fā)表廣播講話</a><br>'; marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=http://www.95time.cn/updatelist.asp target=_blank class="f12red">伊斯蘭武裝炸毀印控克什米爾鐵路導致列車出軌</a><br>'; marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=http://www.95time.cn/updatelist.asp target=_blank class="f12red">布雷默:即使抓住了薩達姆也難以結束抵抗行動</a><br>'; var marqueeInterval=new Array(); //定義一些常用而且要經常用到的變量 var marqueeId=0; var marqueeDelay=2000; var marqueeHeight=20; //接下來的是定義一些要使用到的函數 function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee(); </script> [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
出處:藍色理想 責任編輯:藍色
◎進入論壇網頁制作、網站綜合版塊參加討論
藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。
轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。
特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。