向下滚动图片特效网页代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 背景图像 -> 向下滚动图片特效网页代码

向下滚动图片特效网页代码

作者:向下滚动图片特效网页特效代码演示发布时间:2007-11-11 3:42:44 发布人: admin

<div id="demo" style="overflow:hidden;height:100;width:90;" background:#214984;color:#ffffff>  
<div id="demo1">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
 <img src="http://web.archive.org/web/20120729015627im_/http://www.jz123.cn/logo.gif" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">  
</div>  
<div id="demo2"></div>  
</div>  
    <script>  
    var speed=30  
    demo2.innerHTML=demo1.innerHTML  
    demo.scrollTop=demo.scrollHeight  
    function Marquee(){  
    if(demo1.offsetTop-demo.scrollTop>=0)  
    demo.scrollTop+=demo2.offsetHeight  
    else{  
    demo.scrollTop--  
    }  
    }  
    var MyMar=setInterval(Marquee,speed)  
    demo.onmouseover=function() {clearInterval(MyMar)}  
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
  </script>

向下滚动图片特效网页特效代码演示

将本文收藏到QQ书签与更多好友分享

上一篇：文章：向左滚动的图片特效网页代码下一篇：文章：向上滚动图片特效网页代码

网页特效

向下滚动图片特效网页代码

本类浏览排行 »

本站推荐文章 »