系统通知左右滚动消息特效代码实现
程序员文章站
2022-07-07 23:44:51
系统通知左右滚动消息特效代码实现
文本特效篇--左右滚动的文本<...
系统通知左右滚动消息特效代码实现
<HTML> <HEAD> <TITLE>文本特效篇--左右滚动的文本</TITLE> <meta charset="utf-8"> </HEAD> <BODY bgcolor="#fef4d2"> <br> <br> <center> <hr width=300> <br> <br> <!-- 案例代码1开始 --> <script language=JavaScript> <!-- [Step1]: 在此能够更改滚动文本的宽度 --> var MarqueeWidth = 300 <!-- [Step2]: 这里可以改变滚动文本的高度 --> var MarqueeHeight = 10 <!-- [Step3]: 在此能够修改文本滚动的速度,数值大,滚动快 --> var speed = 7 <!-- [Step4]: 这里可以更改滚动文本的颜色 --> <!-- [Step5]: 在此能够修改滚动文本的内容 --> var MarqueeMessage = '<font face="Arial" color=#FF0066><strong><big>JavaScript是一门相当简单易学的网络化编程语言,通过把她和HTML语言相互结合起来,能够实现实时的动态网页特效,这给网页浏览者在浏览网页的同时也提供了某些乐趣。</big></strong></font>' document.write('<marquee scrollAmount=' + speed + ' style="width:' + MarqueeWidth + '">' + MarqueeMessage + '</marquee>') function RegLayers() { if (document.layers) { setTimeout("window.onresize=RegLayers", 450) intializemarquee() } } function intializemarquee() { document.MarqueeText001.document.MarqueeText002.document.write('<nobr>' + MarqueeMessage + '</nobr>') document.MarqueeText001.document.MarqueeText002.document.close() thelength = document.MarqueeText001.document.MarqueeText002.document.width ScrollText() } function ScrollText() { if (document.MarqueeText001.document.MarqueeText002.left >= thelength * (-1)) { document.MarqueeText001.document.MarqueeText002.left -= speed setTimeout("ScrollText()", 100) } else { document.MarqueeText001.document.MarqueeText002.left = MarqueeWidth ScrollText() } } window.onload = RegLayers </script> <!-- 案例代码1结束 --> <!-- 案例代码2开始 --> <ilayer width=&{MarqueeWidth}; height=&{MarqueeHeight}; name="MarqueeText001"> <layer name="MarqueeText002"></layer> </ilayer> <!-- 案例代码2结束 --> </BODY> </HTML>
实现效果
上一篇: HTML中的strong元素介绍