关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 >

图片向上滚动

2006-07-22 00:00:00 作者：

图片向上滚动

<div id="article1" style="width:220; height:150px;">

<img src=http://www.sjz315.org/images/xxdt/2.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/3.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/4.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/5.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/6.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/7.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1.jpg width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/11.gif width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1r.gif width=220 height=150 border=0>

<img src=http://www.sjz315.org/images/xxdt/1t.gif width=220 height=150 border=0>

</div> 
<div id="article2" style="position:absolute;z-index:1;visibility:hidden"></div>

<script> 
articleHeight=150; 
stopscrolla=false; 
article1.scrollTop=0; 
//more javascript from http://www.webjx.com 
with(article1){ 
  style.width=0; 
  style.height=articleHeight; 
  style.overflowX="visible"; 
  style.overflowY="hidden"; 
  noWrap=true; 
  onmouseover=new Function("stopscrolla=true"); 
  onmouseout=new Function("stopscrolla=false"); 
}

preTopa=0; currentTopa=0; stoptimea=0;

function init_srolltext1(){ 
  article2.innerHTML=""; 
  article2.innerHTML+=article1.innerHTML;     
  article1.innerHTML=article2.innerHTML+article2.innerHTML; 
  setInterval("scrollUp1()",50); 
} 
function scrollUp1(){ 
  if(stopscrolla==true) return; 
  currentTopa+=1; 
  if(currentTopa==151) 
  { 
   stoptimea+=1; 
   currentTopa-=1; 
   if(stoptimea==50)  
   { 
    currentTopa=0; 
    stoptimea=0; 
   } 
  } 
  else {    
   preTopa=article1.scrollTop; 
   article1.scrollTop+=1; 
   if(preTopa==article1.scrollTop){ 
     article1.scrollTop=article2.offsetHeight-articleHeight; 
     article1.scrollTop+=1; 
   } 
  }

} 
init_srolltext1(); 
      </script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章: