<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html   xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"   />

<title>无缝滚动代码示例</title>

<style>

  a{}{display:block;font-size:15px};

</style>

<SCRIPT LANGUAGE="JavaScript">

<!--

function   scrolln(){

objDiv.scrollTop+=1;


if   (objDiv.scrollTop>20)   {

objDiv.scrollTop=0;


do{

var   objChild=objDiv.firstChild;

objDiv.removeChild(objChild);

objDiv.appendChild(objChild);

}while(!objChild.innerHTML)

}

}

   //-->

  </SCRIPT>

  </head>

   <body>

  <div   id="divMain"   style="width:300px;height:68px;overflow:hidden;line-height:20px">

   <a href="http://www.livebaby.cn/blog">《戒子篇》-- 诸葛亮</a><br>

   <a href="http://www.livebaby.cn/blog">夫君子之行,静以修身,俭以养德。</a><br>

   <a href="http://www.livebaby.cn/blog">非澹泊无以明志,非宁静无以致远。</a><br>

   <a href="http://www.livebaby.cn/blog">夫学须静也,才须学也,</a><br>

   <a href="http://www.livebaby.cn/blog">非学无以广才,非志无以成学,</a><br>

  <a href="http://www.livebaby.cn/blog">淫漫则不能励精,险躁则不能治性,</a><br>

   <a href="http://www.livebaby.cn/blog">年与时驰,意与日去,</a><br>

  <a href="http://www.livebaby.cn/blog">遂成枯落,多不接世,</a><br>

   <a href="http://www.livebaby.cn/blog">悲守穷庐,将复何及!</a><br>

   <a href="http://www.livebaby.cn/blog">www.livebaby.cn/blog</a><br>

   </div>

   <div id="divS"></div>

   <script>

   var   tmp=setInterval("scrolln()",100);

   var   objDiv=document.getElementById("divMain");

   objDiv.onmouseover=function(){clearInterval(tmp)}

   objDiv.onmouseout=function(){tmp=setInterval("scrolln()",100)}

   </script>

  </body>

   </html>

作者:SVENNEE


js特效,轻松实现内容的无缝平滑滚动_代码示例

如果您觉得此文有帮助,请随意打赏。您的支持将鼓励我继续创作!

js特效,轻松实现内容的无缝平滑滚动_代码示例​感谢无私捐款的英雄们,你们是最美丽的人。​