當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

一個容易的 js 上滾信息欄

一個容易的 js 上滾信息欄

更新時間:2020-12-23 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。
常有人因為頁面的面積問題,想在一個窄小的地方,顯示一條條的信息,順序往上滾動,在經典的BBS里,有一個隨機上滾動的JS,好些人用不了,現在蛋蛋改了一個給大家拷貝。大家只要把數組里的鏈接和地址改改就能用了。增加的話,只要順序加入新的數組就行了運行代碼框
<script>var marqueeContent=new Array(); //滾動新聞marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">小泉稱若自民黨在議會選舉中失敗</a><br>';marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">布什發表廣播講話</a><br>';marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">伊斯蘭武裝炸毀印控克什米爾鐵路導致列車出軌</a><br>';marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/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 全部選擇 提示:你可先修改部分代碼,再按運行]大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品