圖片向上滾動

更新時間：2006年07月22日 00:00:00 作者：

<div   class="2qlc11i"   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   class="ezupkgm"   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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

圖片向上滾動

圖片自動播放也可通過按鈕控制顯示
圖片自動播放也可通過按鈕控制顯示...
2007-02-02
jQuery.lazyload+masonry改良圖片瀑布流代碼
這里主要是使用jQuery.lazyload配合masonry實現(xiàn)瀑布流的重新排列，有時候網站的速度慢，圖片加載慢，獲取不到圖片的寬度和高度，所以使用lazyload可以在圖片加載完之后，進行瀑布流的重新排列。
2014-06-06
多圖展示滑動過渡效果
多圖展示滑動過渡效果...
2006-12-12
js實現(xiàn)圖片等比縮略顯示支持IE/FF
js實現(xiàn)圖片等比縮略顯示支持IE/FF...
2007-02-02
又一個圖片自動縮小的JS代碼
又一個圖片自動縮小的JS代碼...
2007-03-03
用javascript實現(xiàn)圖片馬賽克后顯示并切換
用javascript實現(xiàn)圖片馬賽克后顯示并切換...
2007-04-04
用js實現(xiàn)上傳圖片前的預覽（TX的面試題）
用js實現(xiàn)上傳圖片前的預覽（TX的面試題）...
2007-08-08
javascript檢測(控制 )上傳文件大小
用戶客戶端檢測圖片的大小，實際應用中，服務器端測試仍必不可少。
2009-12-12
使用html+css實現(xiàn)頁面書本翻頁特效
很多朋友都知道通過靜態(tài)html+css可以創(chuàng)造出很多的頁面效果,本文所講的就是html+css模擬書本翻頁效果,還是很不錯的,需要的朋友可以參考下
2023-03-03
圖片自動縮小點擊放大
如果不支持網頁對話框就再新窗口打開
2008-07-07