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

用《marquee》标签,必须一次滚动完之后,才会进行下次滚动,也就是说头尾有很大的间隔,我想实现的效果是:有间隔,但间隔不能太大。通过上网搜到很多例子代码,可是他们获取... 用《marquee》标签,必须一次滚动完之后,才会进行下次滚动,也就是说头尾有很大的间隔,我想实现的效果是:有间隔,但间隔不能太大。通过上网搜到很多例子代码,可是他们获取的滚动区域的文字都是列表形式的,如:
<li>1 <a href="#" title="信息公开工作">挺酷的VB打字效果,加载外部TXT文本</a></li>
<li>2 <a href="#" title="信息公开工作">国务院办公厅转发监察部等部门 </a></li>
而我滚动的文字部分全部来自一个变量a,文字的格式也是在a中设置的,请问该怎么解决这个问题?
展开
 我来答
RainjuIo
2015-09-23 · TA获得超过125个赞
知道小有建树答主
回答量:162
采纳率:0%
帮助的人:76.4万
展开全部
<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>


—— 【仙】墨纸

散步的__狼
2015-10-10 · TA获得超过235个赞
知道小有建树答主
回答量:117
采纳率:80%
帮助的人:44.1万
展开全部

先写个案例

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

在说说direction属性

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

代码:

<marquee direction="up">我向上滚动</marquee>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友f69129c12
2013-02-07 · TA获得超过4778个赞
知道大有可为答主
回答量:1.6万
采纳率:0%
帮助的人:5009万
展开全部
jQuery的例子,跑马灯不工作
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
从前有个T
2013-02-04 · TA获得超过5345个赞
知道小有建树答主
回答量:685
采纳率:0%
帮助的人:766万
展开全部
margquee做不到无缝滚动的,只能靠js
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lokily2010
2013-02-04 · TA获得超过284个赞
知道小有建树答主
回答量:776
采纳率:100%
帮助的人:585万
展开全部
找jquery的例子吧,marquee不行
更多追问追答
追问
能否指点一二?
追答
你可以参考 http://www.kxbd.com/mylab/090715marquee/ 这个哥们的jquyer实现
来自:求助得到的回答
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式