怎么实现marquee标签的向上无缝滚动?

发布网友

我来回答

5个回答

热心网友

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <style>
            #marquee p{height:30px;line-height: 30px;margin:0}
        </style>
        <div style="height:30px;overflow:hidden;">
            <div id='marquee'>
                <p>第1段</p>
                <p>第2段</p>
                <p>第3段</p>
                <p>第4段</p>
                <p>第5段</p>
            </div>
        </div>

        <script>
            (function(){
                var marquee = document.getElementById('marquee');
                var offset=0;
                var scrollheight =marquee.offsetHeight;
                var firstNode = marquee.children[0].cloneNode(true);
                marquee.appendChild(firstNode);//还有这里
                setInterval(function(){
                    if(offset == scrollheight){
                        offset = 0;
                    }
                    marquee.style.marginTop = "-"+offset+"px";
                    offset += 1;
                },50);
            })();
        </script>
    </body></html>

<div id="demo" style="overflow:hidden;height:168px;width:300px;">

<div id="demo1">

   <!--此处放要显示的内容-->

</div>

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

</div>

<script language="javascript">

var speed=30;

var demo2=document.getElementByIdx_x("demo2");

var demo1=document.getElementByIdx_x("demo1");

var demo=document.getElementByIdx_x("demo");

demo2.innerHTML=demo1.innerHTML;

function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0){

   demo.scrollTop-=demo1.offsetHeight;

}

else{

   demo.scrollTop++;

}

}

var MyMar=setInterval(Marquee,speed);

demo.onmouseover=function() {clearInterval(MyMar)};

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

</script>


—— 【仙】墨纸

热心网友

先写个案例

<marquee style="width: 100%;" scrollamount="2" direction="up" behaviour="Scroll">这是案例这是案例这是案例这是案例这是案例这是案例这是案例</marquee>

在说说direction属性

direction="left"
向左(默认值)
direction="right"
向右
direction="down"
向下
direction="up"
向上

代码:

<marquee direction="up">我向上滚动</marquee>

热心网友

jQuery的例子,跑马灯不工作

热心网友

margquee做不到无缝滚动的,只能靠js

热心网友

找jquery的例子吧,marquee不行

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com