jQuery实现文字自动横移

效果图：

实现文字自动横移

样式类型=' text/CSS ' # demo { overflow : scroll；宽度宽度：740px} # indemo {左侧浮动： }宽度： 800%;}#demo1 {左侧浮动：}#demo2 {左侧浮动：边距-左侧：7 px}/style脚本src=' http : bootstrap-3。3 .5-dist/js/jquery-1。11 .3 .js/script div id=' demo ' div id=' indemo ' div id=' demo 1 ' a href=' # ' img src=' http : zhuan pan/images/pointer。png ' alt=' # '//a href=' # ' img src=' http : zhuan pan/images/pointer .一采用jquery方式实现文字横移脚本变化速度=20;$('#demo2 ').html($('#demo1 ').儿童()。clone())；var n=0；函数Marquee(){ if(n=$(' # demo ')).内部宽度())n=0；else { n；} $('#demo ').scroll ft(n)；}var MyMar=setInterval(Marquee，speed)；$('#demo ').鼠标悬停在(function(){ clearInterval(MyMar)})上；$('#demo ').鼠标移出(函数(){ MyMar=setInterval(Marquee，speed)})；/script二采用原生脚本实现横移scriptvar速度=10;var tab=文档。getelementbyid(' demo ')；var标签1=文档。getelementbyid(' demo 1 ')；var选项卡2=文档。getelementbyid(' demo 2 ')；$('#demo2 ').文本($('#demo1 ').clone())；$('#demo2 ').clone()；函数Marquee(){ if(tab 2。offsetwithts-tab。scrolleft=0)选项卡。滚动条-=标签1。offsetwithts else { tab。被偷窃；}}var MyMar=setInterval(Marquee，speed)；选项卡。onmouseover=function(){ clearInterval(MyMar)}；选项卡。onmouseout=function(){ MyMar=setInterval(Marquee，speed)}；/script以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！