• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html借助marquee实现文字左右滚动

    复制代码
    代码如下:

    <BODY>
    //借助于marquee
    <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
    <SPAN unselectable="on">这里是要滚动的内容</SPAN>
    </MARQUEE>

    //普通的实现方法
    <DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;">
    <span>这里是要滚动的内容</span>
    </DIV>
    <script language="javascript" type="text/javascript">
    function scroll(obj) {
    var tmp = (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>
    上一篇:meta标签中的viewport控制设备屏幕css
    下一篇:单选按钮、多选按钮用图片实现加样式
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html借助marquee实现文字左右滚动 html,借助,marquee,实现,文字,