raksmart活动促销

分享

写回答

发帖

迷你之家垂直滚动代码

互联网出海创业 互联网出海创业 1785 人阅读 | 1 人回复

发表于 2011-4-6 22:21:42 | 显示全部楼层 |阅读模式

垂直滚动:
<marquee direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()"

scrollAmount="1" scrollDelay="1">垂直滚动字内容</marquee>
<div class="box" id="marqueebox0">
    <ul>
    <li style="background:#f8e2ac;">第一行</li>
    <li style="background:#f5f5f5;">第二行</li>
    <li style="background:#ffe6ec;">第三行</li>
    </ul>
    </div><br>
    <div class="box" id="marqueebox1">
    <ul>
    <li style="background:#f8e2ac;">第一行</li>
    <li style="background:#f5f5f5;">第二行</li>
    <li style="background:#ffe6ec;">第三行</li>
    </ul>
    </div>
    <script type="text/javascript">
    function startmarquee(lh,speed,delay,index){
    var t;
    var p=false;
    var o=document.getElementById("marqueebox"+index);
    o.innerHTML+=o.innerHTML;
    o.onmouseover=function(){p=true}
    o.onmouseout=function(){p=false}
    o.scrollTop = 0;
    function start(){
    t=setInterval(scrolling,speed);
    if(!p){ o.scrollTop += 1;}
    }
    function scrolling(){
    if(o.scrollTop%lh!=0){
    o.scrollTop += 1;
    if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
    }else{
    clearInterval(t);
    setTimeout(start,delay);
    }
    }
    setTimeout(start,delay);
    }
    startmarquee(25,30,3000,0);
    startmarquee(25,40,0,1);
    </script>

回答|共 1 个

迷你之家

发表于 2011-4-6 22:23:10 | 显示全部楼层

水平滚动代码:
<marquee direction="left" align="bottom" height="25" width="100%" onmouseout="this.start()"

onmouseover="this.stop()" scrollamount="2" scrolldelay="1">水平滚动字幕内容</marquee>
您需要登录后才可以回帖 登录 | 注册

本版积分规则