欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
  <BODY>
 
  //借助于marquee
 
  <MARQUEEbehavior="scroll"contenteditable="true"onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;"scrollamount="3"width="100">
 
  <SPANunselectable="on">这里是要滚动的内容</SPAN>
 
  </MARQUEE>
 
  //普通的实现方法
 
  <DIVid="scrollobj"style="white-space:nowrap;overflow:hidden;width:500px;">
 
  <span>这里是要滚动的内容</span>
 
  </DIV>
 
  <scriptlanguage="javascript"type="text/javascript">
 
  functionscroll(obj){
 
  vartmp=(obj.scrollLeft)++;
 
  //当滚动条到达右边顶端时
 
  if(obj.scrollLeft==tmp)obj.innerHTML+=obj.innerHTML;
 
  //当滚动条滚动了初始内容的宽度时滚动条回到最左端
 
  if(obj.scrollLeft>=obj.firstChild.offsetWidth)obj.scrollLeft=0;
 
  }
 
  setInterval("scroll(document.getElementById('scrollobj'))",20);
 
  </script>
 
  </BODY>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55364.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。