简单滚动效果(JavaScript)

完整代码

<!DOCTYPE html>
<html>
<head>
    <title>Contact Example</title>

    <script language="JavaScript" >

        var i=1;
        var t = true;

        function pp() {
            var e = window.event;
            var obj = e.srcElement;
            if(i==8){
                t = false;
            }
            if(i==1){
                t=true;
            }
            if(t==false){
                i = i-1;
            }
            else {
                i = i + 1;
                obj.scrollAmount = i;
            }
        }

    </script>
</head>
<body>

    <marquee behavior="acroll" scrollamount="1" direction="up" onbounce="pp()" >
        写信 告诉 我 今天 海 是什么 颜色<br>
        <div style="height: 200px;"></div>
        夜夜 陪着 你的 海 心情 又如 何<br>
        <div style="height: 200px;"></div>
        灰色 是 不想 说 蓝色 是 忧郁<br>
        <div style="height: 200px;"></div>
        而 漂泊 的 你 狂 浪 的 心 停在 哪里<br>
        <div style="height: 200px;"></div>
        写信 告诉 我今 夜 你 想要 梦 什么<br>
        <div style="height: 200px;"></div>
        梦 里外 的 我是 否 都让 你 无从 选择<br>
        我 揪著 一颗 心 整夜 都 闭 不了 眼睛<br>
        为何 你 明明 动了 情 却 又不 靠近<br>
    </marquee>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/wqewq19/article/details/80579708
今日推荐