背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读内容

文字向上滚动停顿的代码

[日期:2008-08-02] 来源:  作者:九通科技 [字体: ]
  js实现文字滚动停顿效果代码的实例
间断-1-caiying20073333333333
间断-2-caiying20071111111111
间断-3-caiying20072222222222

下面是代码:

  js实现文字滚动停顿效果代码的实例,
  <div id="Marquee">
  <div style="width: 160px; height: 58px">间断-1-caiying2007</div>
  <div style="width: 160px; height: 58px">间断-2-caiying2007</div> 
   <div style="width: 160px; height: 58px">间断-3-caiying2007</div>
  </div>
  <script>
  var Mar = document.getElementById("Marquee");
  var child_div=Mar.getElementsByTagName("div")
  var picH = 60;//移动高度
  var scrollstep=3;//移动步幅,越大越快
  var scrolltime=20;//移动频度(毫秒)越大越慢
  var stoptime=3000;//间断时间(毫秒)
  var tmpH = 0;
  Mar.innerHTML += Mar.innerHTML;
  function start(){
  if(tmpH < picH){
        tmpH += scrollstep;
        if(tmpH > picH )tmpH = picH ;
        Mar.scrollTop = tmpH;
        setTimeout(start,scrolltime);
    }else{
        tmpH = 0;
        Mar.appendChild(child_div[0]);
        Mar.scrollTop = 0;
        setTimeout(start,stoptime);
    }
}
onload=function(){setTimeout(start,stoptime)};
</script> 

阅读:
录入:wangyongxue

推荐 】 【 打印
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
内容查询