1.marquee實現(xiàn)文字移動：

<marquee width="220px;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" ><p style="letter-spacing:2px;width: 1px;">歡迎您登錄拜博醫(yī)療口腔集團內部網(wǎng)</p>
</marquee>    

2.js+div實現(xiàn)文字無縫平滑移動：

<p id="scrollobj" style="white-space:nowrap;overflow:hidden;width:400px;margin: auto;" onmouseover="stop()" onmouseout="start()"><span style="padding-left: 210px;">歡迎您登錄拜博醫(yī)療口腔集團內部網(wǎng)</span></p><script>
function scroll(obj) {var tmp = (obj.scrollLeft)++;//當滾動條到達右邊頂端時if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;//當滾動條滾動了初始內容的寬度時滾動條回到最左端if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;}var a =    setInterval("scroll(document.getElementById('scrollobj'))",20);function stop(){clearInterval(a);}function start(){a=setInterval("scroll(document.getElementById('scrollobj'))",30);}
</script>

?

轉載于:https://www.cnblogs.com/super-chao/p/6118603.html

總結

以上是生活随笔為你收集整理的marquee实现文字移动效果;js+div实现文字无缝移动效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。