流畅的向上滚动新闻代码特效-JS特效-爱易网页

流畅的向上滚动新闻代码特效

日期：2014-05-18　浏览次数：20120 次

以下是HTML网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<div id="marquees">
  <a href="#">欢迎访问爱易网网站，</a><br>
  <br>
  <a href="#">就在这里我们共同进步 </a><br>
  <br>
  <a href="#">爱易网web开发网站，</a><br>
  <br>
  <a href="#">将与您一起创造互联网</a><br>
  <br>
</div> 
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0; 
function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",10);
}
document.body.onload=init;
function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</script></font>
<a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

无停顿感，非常流畅的滚动代码。