当前位置： 移动技术网 > IT编程>网页制作>CSS > 系统通知左右滚动消息特效代码实现

系统通知左右滚动消息特效代码实现

2018年04月13日  | 移动技术网IT编程  | 我要评论

系统通知左右滚动消息特效代码实现

<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>

实现效果

\

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网