asp.net图片滚动+JAVASCRIPT(向右)

 

 1 
 2<title>图片连续循环滚动代码(向上) - Flywe の Blog</title>
 3<base 
 4
 5href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 
 6
 7
 8
 9<!--图片滚动代码开始-->
10<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 310px; COLOR: #ffffff; HEIGHT: 110px">
11<table cellPadding=0 align=center border=0 cellspace="0">
12<tr>
13  <td id=demo1 vAlign=top>
14  <img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"> 
15<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
16<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
17<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
18<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
19<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
20<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
21<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
22<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
23<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
24<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
25  </td>
26  <td id=demo2 vAlign=top>
27  </td>
28</tr>
29</table>
30<SCRIPT>
31             var speed=30;
32             demo2.innerHTML=demo1.innerHTML;
33             function Marquee(){
34             if(demo2.offsetWidth-demo.scrollLeft<=0)
35             demo.scrollLeft-=demo1.offsetWidth;
36             else{
37             demo.scrollLeft++;
38             }

39             }

40             var MyMar=setInterval(Marquee,speed);
41             demo.onmouseover=function() {clearInterval(MyMar);}
42             demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
43
</SCRIPT> 
44</div>
45<!--图片滚动代码结束-->
46
posted @ 2008-09-07 22:39  花香的蜂  阅读(1724)  评论(3编辑  收藏  举报