變換閃爍文字

安裝
步驟一  下載shanshuo.gif後上傳到與相關網頁同個文件夾內。
步驟二  拷貝以下腳本後貼在有關網頁的<head></head>之間。


<style type="text/css"> .textstyle { position:absolute; left:-2000px; width:400px; font-family:魏碑體; font-size:40pt; font-weight:; text-align:center; color:D9F5FC; filter:glow(color=red,strength=2); } .coverstyle { position:absolute; left:-2000px; } </style> <script LANGUAGE="JavaScript1.2"> var message = new Array() message[0]="立地城" message[1]="織網樂" message[2]="免費網頁特效" var i_message=0 // 指定文字的上距与左距 (像素值). var covertop=160 var coverleft=180 var coverwidth=1200 var coverheight=96 var texttop=covertop var textleft=coverleft var textwidth=400 var textheight=coverheight var cliptop=0 var clipright=textwidth var clipbottom=coverheight var clipleft=0 var clippoints // 設定變換速度 var step=40 var pause=50 var timer function init() { if (document.all) { document.all.text.style.posTop=texttop document.all.text.style.posLeft=textleft document.all.cover.style.posTop=covertop document.all.cover.style.posLeft=coverleft clipleft=0 fadeout() } } function fadeout() { if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) { clipleft+=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.cover.style.clip=clippoints document.all.cover.style.posLeft-=step timer= setTimeout("fadeout()",pause) } else { clearTimeout(timer) i_message++ if (i_message>=message.length) {i_message=0} text.innerHTML=message[i_message] fadein() } } function fadein() { if (document.all.cover.style.posLeft <=coverleft) { clipleft-=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.cover.style.clip=clippoints document.all.cover.style.posLeft+=step timer= setTimeout("fadein()",pause) } else { clearTimeout(timer) init() } } </script>

步驟三  拷貝以下腳本貼在網頁最靠近<body>之下。


<script language="JavaScript1.2"> if (document.all&&window.print){ document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>') document.write('<DIV ID="cover" class="coverstyle"><img src="shanshuo.gif"></DIV>') } </script>

步驟四  把下列代碼加入<body>標記內。
style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="if(document.all&&window.print)init()"

樣板：
<body style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="if(document.all&&window.print)init()">

就是如此簡單！
請享用