图片向上滚动

更新时间：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需再刷新一下页面才能执行]

您可能感兴趣的文章:

图片向上滚动

感应鼠标的图片遮罩动画效果
感应鼠标的图片遮罩动画效果，鼠标放上后会动画显示文字提示，有意思哦，有兴趣的朋友运行一下看效果。
2010-10-10
奇妙的Javascript图片放大镜
奇妙的Javascript图片放大镜...
2006-07-07
动感超强的JS图片轮换特效
非常不错的js图片轮换效果代码，像栅栏一样结合起来，然后显示完整图片，代码相对也不错
2008-06-06
JavaScript 图片切割效果(放大镜)
自上一个版本的图片切割效果出来后，虽然也经常看到“框架开发这个如何如何容易”之类的评论，但也受到很多人的肯定，小弟在此感谢大家的支持。
2008-12-12
一个不错的给图片添加说明文字的动态层的实现代码
一个不错的给图片添加说明文字的动态层的实现代码，需要的朋友可以参考下
2013-04-04
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox...
2007-03-03
禁止在图片上使用右键
为了阻挡一般用户不能使用图片另存为的功能，这里使用JavaScript对右键菜单做了限制，当在图片上点击右键的时候，会弹出一个提示，提示无法操作图片，注意，这种方法对高手可能无效果。
2009-10-10
来自ImageSee官方 JavaScript图片浏览器
2008-01-01
使用html+css实现页面书本翻页特效
很多朋友都知道通过静态html+css可以创造出很多的页面效果,本文所讲的就是html+css模拟书本翻页效果,还是很不错的,需要的朋友可以参考下
2023-03-03
js 加载时自动调整图片大小
又一个javascript自动调整图片大小的脚本
2008-05-05

图片向上滚动

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具