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
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
这里和大家分享和学习如何学IT!