图片不间断的向上滚动

人气：　来源：本站原创　作者：佚名　所属栏目：图片类　[切换到繁體中文]

介绍：不间断的向上滚动的图片，一会再来个向右的。

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_图片不间断的向上滚动</title>
<style><!--body,td{font-size: 12px;}--></style>

</head>
<body bgcolor="" 无>
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
 <img src="http://www.zzsc.org/texiao/zzsc_demo/27.jpg">
 <img src="http://www.zzsc.org/texiao/zzsc_demo/28.jpg">
 <img src="http://www.zzsc.org/texiao/zzsc_demo/29.jpg">
 <img src="http://www.zzsc.org/texiao/zzsc_demo/30.jpg">
 <img src="http://www.zzsc.org/texiao/zzsc_demo/31.jpg">
</div>
<div id=demo2></div>
</div>
   <script>
   var speed=50
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
   if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
   else{
   demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：无
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
<img src="http://www.zzsc.org/texiao/zzsc_demo/27.jpg">
<img src="http://www.zzsc.org/texiao/zzsc_demo/28.jpg">
<img src="http://www.zzsc.org/texiao/zzsc_demo/29.jpg">
<img src="http://www.zzsc.org/texiao/zzsc_demo/30.jpg">
<img src="http://www.zzsc.org/texiao/zzsc_demo/31.jpg">
</div>
<div id=demo2></div>
</div>
   <script>
   var speed=50
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
   if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
   else{
   demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>