ËÑË÷   
Êղر¾Õ¾    ÉèΪÊ×Ò³    


Ê×Ò³  |  µçÓ°  |  ¶¯»­  |  Âþ»­  |  Ìùͼ  |  web±à³Ì  |  ÓÄĬЦ»°  |  °ïÖú  
РÌù    »Ø¸´Ìù×Ó    ¹²ÓÐ 0 Ìõ»ØÌù
>> web±à³Ì
  javascriptͼƬµÄÎÞ·ì¹ö¶¯´úÂë


ÏòÓÒ¹ö¶¯£º

<table align=center width=760 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px
solid;BORDER-RIGHT: #cccccc 1px solid>
 <tr> 
 <td width=774 height=120 align=center bgcolor=#FFFFFF>
 <div id=demo style=overflow:hidden;width:750;align=center>
 <table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >
 <tr>
 <td valign=top bgcolor=ffffff id=marquePic1> 
 <table width=90% border=0 cellspacing=0 cellpadding=0>
 <tr align=center> 
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 </tr>
 </table>
 </td>
 <td id=marquePic2 valign=top></td>
 </tr>
 </table>
 </div>
 </td>
 </tr>
 </table>
<script>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft<=0){
demo.scrollLeft=marquePic1.scrollWidth
}else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
 

 

Ïò×ó¹ö¶¯£º

 

<table align=center width=760 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px
solid;BORDER-RIGHT: #cccccc 1px solid>
 <tr> 
 <td width=774 height=120 align=center bgcolor=#FFFFFF>
 <div id=demo style=overflow:hidden;width:750;align=center>
 <table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >
 <tr>
 <td valign=top bgcolor=ffffff id=marquePic1> 
 <table width=90% border=0 cellspacing=0 cellpadding=0>
 <tr align=center> 
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 <td><a href="#" target="new"><img src="http://www.zc36.com/?.jpg" width="95" height="86"></a></td>
 </tr>
 </table>
 </td>
 <td id=marquePic2 valign=top></td>
 </tr>
 </table>
 </div>
 </td>
 </tr>
 </table>
<script>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
 

 

ÏòÉϹö¶¯£º

<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
 <div id=demo1>
 <img src="http://www.zc36.com/?.gif" width=90>
 <img src="http://www.zc36.com/?.gif" width=90>
 <img src="http://www.zc36.com/?.gif" width=90>
 </div>
 <div id=demo2></div>
 </div>
<script>
 var speed=30
 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>

 

ÏòϹö¶¯£º

<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
 <div id=demo1>
 <img src="http://www.zc36.com/?.gif" width=90>
 <img src="http://www.zc36.com/?.gif" width=90
 <img src="http://www.zc36.com/?.gif" width=90
 <img src="http://www.zc36.com/?.gif" width=90
 </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>

sky    218.20.7.*    2007-11-07 16:26:27    ±à¼­ÓÚ£º2007-12-04 07:52:23  

http://www.zc36.com °æÈ¨ËùÓÐ  czc136#hotmail.com   QQ:834011201  ÔÁICP±¸07512307ºÅ