系统通知左右滚动消息特效

最新推荐文章于 2022-02-08 15:27:54 发布

MenBad

最新推荐文章于 2022-02-08 15:27:54 发布

阅读量2.6k

点赞数

分类专栏：前段文章标签： js css系统通知消息横向

前段专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<TITLE>文本特效篇--左右滚动的文本</TITLE>
<meta charset="utf-8">
</HEAD>
<BODY bgcolor="#fef4d2">
 
 
<center>
<hr width=300>
 
 

<script language=JavaScript>

var MarqueeWidth = 300

var MarqueeHeight = 10

var speed = 7


var MarqueeMessage = '<big>JavaScript是一门相当简单易学的网络化编程语言，通过把她和HTML语言相互结合起来，能够实现实时的动态网页特效，这给网页浏览者在浏览网页的同时也提供了某些乐趣。</big>'
document.write('<marquee scrollAmount=' + speed + ' style="width:' + MarqueeWidth + '">' + MarqueeMessage + '</marquee>')
function RegLayers() {
if (document.layers) {
setTimeout("window.οnresize=RegLayers", 450)
intializemarquee()
}
}

function intializemarquee() {
document.MarqueeText001.document.MarqueeText002.document.write('' + MarqueeMessage + '')
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>


<ilayer width=&{MarqueeWidth}; height=&{MarqueeHeight}; name="MarqueeText001">
<layer name="MarqueeText002"></layer>
</ilayer>

</BODY>

</HTML>

实现效果