以文本方式查看主题

-  肿瘤咨询在线论坛  (http://www.chinaonco.net/dvbbs/index.asp)
--  『 电脑网络 』  (http://www.chinaonco.net/dvbbs/list.asp?boardid=55)
----  图片向上滚动并且有停顿的特效[网页特效]  (http://www.chinaonco.net/dvbbs/dispbbs.asp?boardid=55&id=5864)

--  作者:管理员
--  发布时间:2006-3-12 7:31:25
--  图片向上滚动并且有停顿的特效[网页特效]

<!-- 把下列代码放到<body>中-->


       <table width="100%" border="0" cellpadding="4" cellspacing="1" bgcolor="B6B191">
          <tr>
            <td bgcolor="FFFDE8" class="p12h">
              <table width="140" border="0" cellspacing="0" align="center">
      <tr><td>
        <div id="article1" style="width:140;">
          <TABLE cellSpacing="0" cellPadding="0" width="140" border="0">
<tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/geren.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/action.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/flash1.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/aplet.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/flash.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/flash.jpg width=110 height=60 border=0></a></td></tr><tr><td height=67 align=center><a href=http://www.webjx.com target=_blank><img src=/upfiles/specials/net.jpg width=110 height=60 border=0></a></td></tr>          </TABLE>
        </div>
        <div id="article2" style="position:absolute;z-index:1;visibility:hidden"></div>
        </td></tr>
      </table>
      <script>
articleHeight=134;
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==68)
  {
   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>