javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:46:06

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧:第一個文字上下間隔滾動修正版符合WEB標(biāo)準(zhǔn)的文字間隔滾動JS代碼 var marqueeContent=new Array(); //滾動新聞 marqueeContent[0]='14:25 HTML/JS互相轉(zhuǎn)換工具-IE7兼容版'; marqueeContent[1]='14:25 css 在

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧:第一個文字上下間隔滾動修正版符合WEB標(biāo)準(zhǔn)的文字間隔滾動JS代碼 var marqueeContent=new Array(); //滾動新聞 marqueeContent[0]='14:25 HTML/JS互相轉(zhuǎn)換工具-IE7兼容版'; marqueeContent[1]='14:25 css 在

第一個文字上下間隔滾動修正版

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>符合WEB標(biāo)準(zhǔn)的文字間隔滾動JS代碼</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
 
</style></head> 
<body> 
<script> 
var marqueeContent=new Array(); //滾動新聞 
marqueeContent[0]='<font color="#0000CC">14:25 </font>HTML/JS互相轉(zhuǎn)換工具-IE7兼容版'; 
marqueeContent[1]='<font color="#0000CC">14:25 </font>css 在線壓縮工具'; 
marqueeContent[2]='<font color="#0000CC">14:25 </font>CSS整形與最佳化工具[壓縮] '; 
marqueeContent[3]='<font color="#0000CC">14:25 </font>JS Minifier js壓縮'; 
var marqueeInterval=new Array(); //定義一些常用而且要經(jīng)常用到的變量 
var marqueeId=0; 
var marqueeDelay=2000; //更新時間,毫秒 
var marqueeHeight=18; //容器高度 
//接下來的是定義一些要使用到的函數(shù) 
function initMarquee() { 
var str=marqueeContent[0]; 
document.write(''+str+''); 
marqueeId++; 
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); 
} 
function startMarquee() { 
var str=marqueeContent[marqueeId]; 
marqueeId++; 
if(marqueeId>=marqueeContent.length) marqueeId=0; 
if(document.getElementById("marqueeBox").childNodes.length==1) { 
var nextLine=document.createElement('DIV'); 
nextLine.innerHTML=str; 
document.getElementById("marqueeBox").appendChild(nextLine); 
} 
else { 
document.getElementById("marqueeBox").childNodes[0].innerHTML=str; 
document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]); 
document.getElementById("marqueeBox").scrollTop=0; 
} 
clearInterval(marqueeInterval[1]); 
marqueeInterval[1]=setInterval("scrollMarquee()",20); 
} 
function scrollMarquee() { 
document.getElementById("marqueeBox").scrollTop++; 
if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){ 
clearInterval(marqueeInterval[1]); 
} 
} 
initMarquee(); 
</ script> 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

第二個firefox下運行有些問題。但學(xué)習(xí)js的朋友可以看下主要是看思路。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS文字間隔性滾動代碼_適合做公告</title> <meta name="keywords" content="文字滾動,間隔滾動,文字上翻,JS代碼" /> <meta name="description" content="JS實現(xiàn)文字間隔性滾動效果，適合做公告。" /> <style type="text/css"> </style> </head> <body> <li>packer_至強的javascript在線加密工具</li> <li>XHTML 代碼嵌套查看工具[標(biāo)簽閉合]</li> <li>腳本之家在線進(jìn)制轉(zhuǎn)換可以實現(xiàn)各類進(jìn)制間</li> <li>在線JS腳本校驗器檢測js錯誤 </li> <li>將html轉(zhuǎn)換為php,javascript和asp的在線工具</li> <script type="text/javascript"> function marquee(height,speed,delay){ var scrollT; var pause = false; var ScrollBox = document.getElementById("shangfan"); if(document.getElementById("holder").offsetHeight <= height) return; var _tmp = ScrollBox.innerHTML.replace('holder', 'holder2') ScrollBox.innerHTML += _tmp; ScrollBox.onmouseover = function(){pause = true} ScrollBox.onmouseout = function(){pause = false} ScrollBox.scrollTop = 0; function start(){ scrollT = setInterval(scrolling,speed); if(!pause) ScrollBox.scrollTop += 2; } function scrolling(){ if(ScrollBox.scrollTop % height != 0){ ScrollBox.scrollTop += 2; if(ScrollBox.scrollTop >= ScrollBox.scrollHeight/2) ScrollBox.scrollTop = 0; } else{ clearInterval(scrollT); setTimeout(start,delay); } } setTimeout(start,delay); } marquee(24,30,3000); </ script> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：滾動符合 web標(biāo)準(zhǔn)

熱門焦點

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

javascript文字上下間隔滾動的代碼符合WEB標(biāo)準(zhǔn)腳本之家修正版_javascript技巧

最新推薦

猜你喜歡

熱門推薦