html文字由下往上滚动

html文字由下往上滚动,第1张

是无缝滚动么?

<div id="demo" style="height:50pxoverflow:hidden">

        <div id="indemo" style="height:200%">

            <div id="demo1">

                第一行字<br />

                第二行字

            </div>

            <div id="demo2"></div>

        </div>

       </div>

</body>

<script type="text/javascript">

speed = 100        //数字越大滚得越慢

var tab = document.getElementById("demo")

var tab1 = document.getElementById("demo1")

var tab2 = document.getElementById("demo2")

tab2.innerHTML = tab1.innerHTML

tab.scrollTop = tab1.offsetHeight

function Marquee(){

    if (tab.scrollTop >= tab1.offsetHeight) {

        tab.scrollTop-=tab2.offsetHeight

    }else{

        tab.scrollTop+=1

    }

}

var MyMar=setInterval(Marquee,speed)

</script>

设置滚动的文字,当然也可以给它添加样式和链接,

设置好滚动区域宽和高后,溢出的他就自动换行滚动了

___________________________________________________________________________

如果你的图片在表格里,先要把图片设置成背景,然后可以在表格里加入这样的代码:

<marquee scrollamount=1

文字很慢滚。

</marquee

<marquee on

mouseover=this.stop() on

mouseout=this.start()

鼠标放上去停止滚动,移开继续滚动。

</marquee

<marquee direction=left scrollamount=3

文字向左滚。

</marquee

<marquee direction=right scrollamount=3

文字向右滚。

</marquee

<marquee direction=up scrollamount=3

文字向上滚。

</marquee

<marquee direction=down scrollamount=3

文字向下滚。

</marquee

<marquee scrollamount=3 beha

vior=alternate

文字来回滚。

<marquee scrolldelay=500 scrollamount=100走一步,停一停!</marquee


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7629776.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存