首页 > marquee实现文字移动效果;js+div实现文字无缝移动效果

marquee实现文字移动效果;js+div实现文字无缝移动效果

1.marquee实现文字移动:

<marquee width="220px;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" ><p style="letter-spacing:2px;width: 1px;">欢迎您登录拜博医疗口腔集团内部网p>
marquee>    

2.js+div实现文字无缝平滑移动:

<p id="scrollobj" style="white-space:nowrap;overflow:hidden;width:400px;margin: auto;" onmouseover="stop()" onmouseout="start()"><span style="padding-left: 210px;">欢迎您登录拜博医疗口腔集团内部网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

更多相关:

  • 本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法。分享给大家供大家参考。具体如下:这里使用jquery实现当拖动滚动条的时候,Li滚动列表中的内容会自动随滚动条变化而下移,并自动添加样式。运行效果截图如下:具体代码如下:scroll滚动,LI随滚动条自动变化.sub_menu_frame {position: fixe...

  • 起因   起因-webkit-overflow-scrolling问题解决方案: 方案一方案二思考为什么会出现这个问题总结  故事的起因是,在一个多列表的页面上,页面在iOS11,跟iOS10中会发生页面卡住,不能进行滚动。 然后就怀疑是自己的样式写的出了问题,就一直排查定位元素的样式,怎么都找不到问题所在。 但还是本着追...

  • 禁止UIScrollView垂直方向滚动,只允许水平方向滚动 scrollview.contentSize =  CGSizeMake(你要的长度, 0);  禁止UIScrollView水平方向滚动,只允许垂直方向滚动 scrollview.contentSize =  CGSizeMake(0, 你要的宽度);  转载于:...