沙頭角首頁深圳论坛(New!)深圳美食深圳旅游娱乐八卦沙头角影视动漫深圳之家---Sha Tau Kok Yan Tian

2009/06/11 23:11
一个经常用到的效果,可以发挥你的想象,举一反三,可以做出更多的效果。
1.放在head中的脚本:
    <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 += 2;
        }
        function scrolling(){
        if(o.scrollTop%lh!=0){
        o.scrollTop += 2;
        if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
        }else{
        clearInterval(t);
        setTimeout(start,delay);
        }
        }
        setTimeout(start,delay);
    }
    </script>


2.这里的height: 120px设置为你想显示的高度,放在body中
<div style="overflow: hidden; height: 120px; margin:0" id="marqueebox1">
<!--滚动的内容放在这里-->
</div>


3.这里还有个脚本不要忘记加到最后了。这里的30为单行的行高,50为滚动速度。
<script language='javascript'>
startmarquee(30,50,2000,1);
</script>
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 中查看更多“[特效]逐行滚动的单行文本”相关内容
  • 发表评论
    表情
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    打开HTML
    打开UBB
    打开表情
    隐藏
    记住我
    昵称   密码   游客无需密码
    网址   电邮   [注册]