变换闪烁文字

安装
步骤一  下载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()">

就是如此简单！
请享用