位置:首页 > 网络编程 > JavaScript
JavaScript 实现无缝滚动的简单示例
日期:2023-01-07 人气:

大家好,对JavaScript 实现无缝滚动的简单示例感兴趣的小伙伴,下面一起跟随三零脚本的小编来看看JavaScript 实现无缝滚动的简单示例的例子吧。

<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
  <a href="javascript:">1,你可曾有过无数的梦想,</a>
  <a href="javascript:">2,却在时光的流逝里幻灭 </a>
  <a href="javascript:">3,你可曾对未来期待憧憬,</a>
  <a href="javascript:">4,却在成长的岁月中迷失</a>
  <a href="javascript:">5,CSDN中国程序员论坛</a>
  <a href="javascript:">6,大家一起来</a>
  <a href="javascript:">7,好象都很不错的样子</a>
</div> 

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>

上面显示的是四行,如果只要1行,或者几行

改这里height:68px

只显示1行:

< div id="div1" style="width:300px;height:15px;overflow:hidden" >

您可能感兴趣的文章