跑馬燈效果大全

2019-11-21 02:13:19

字體：大中小

來源：轉載

供稿：網友

<html> <head><title>跑馬燈大全</title> <script LANGUAGE="JavaScript"> var Mes=new Array(); Mes[0]="武林網歡迎你！ "; Mes[1]="感謝你關注武林網教程 "; Mes[2]="網頁特效　之　跑馬燈效果大全 "; var place=1; var i=0; function scroll() { window.status=Mes[i].substring(0, place); if (place >= Mes[i].length) { if(i<2) { i++; place=1; window.setTimeout("scroll()",50); } else { i=0; place=1; window.setTimeout("scroll()",50); } } else { place++; window.setTimeout("scroll()",50); } } </script> </head> <form name="shooterform" method="get"> <body onload="scroll();"> <marquee>滾動的文字</marquee> <marquee behavior=alternate>表示雙向移動</marquee> <marquee direction=left>表示運動方向向左</marquee> <marquee width=400 behavior=alternate direction=left align=middle border=1>彈來彈去跑馬燈!</marquee> <marquee scrollamount="30">表示運動方向向左</marquee> <marquee width=90%> <a href="http://www.survivalescaperooms.com"　target=_blank>帶有超鏈接的跑馬燈!點我試試？</a> <a  target=_blank>還有一條呢!點我試試？</a> </marquee> <table width="93%" border="1" cellspacing="0" cellpadding="1" align="center" class="p1"> <tr> <td width="42%">參數</td> <td width="58%">用法介紹</td> </tr> <tr> <td width="42%">behavior=scroll, slide, alternate</td> <td width="58%">跑馬方式：循環繞行，只跑一次就停住，來回往復運動</td> </tr> <tr> <td width="42%">direction=left,right</td> <td width="58%">跑馬方向：從左向右，從右向左</td> </tr> <tr> <td width="42%">loop=100</td> <td width="58%">跑馬次數：循環100次，如不寫默認為一直循環</td> </tr> <tr> <td width="42%">width=100%,height=200</td> <td width="58%">跑馬范圍：寬為100%，高為200像素</td> </tr> <tr> <td width="42%">scrollamount=20</td> <td width="58%">跑馬速度：數越大越快</td> </tr> <tr> <td width="42%">scrolldelay=500</td> <td width="58%">跑馬延時：毫秒數，利用它可實現躍進式滾動</td> </tr> <tr> <td width="42%">hspace=20，vspace=20</td> <td width="58%">跑馬區域與其它區域間的空白大小</td> </tr> <tr> <td width="42%">bgcolor=#00FFCC</td> <td width="58%">跑馬區域的背景顏色</td> </tr> </table> 　　 </body> </form> </html>

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

上一篇：讓超鏈接顯示提示信息的js代碼

下一篇：javascript學習隨筆(編寫瀏覽器腳本 Navigator Scripting )