不間斷圖片跑馬燈網頁特效

觀看不間斷圖片跑馬燈

不間斷圖片跑馬燈利用表格+儲存格+ script 程式做成~~可以利用做圖片展示



範例語法如下:

　<div align="center"> <table width="500" border="2" cellspacing="0" cellpadding="0"> <tr> <td height="150" background="表格背景圖" style="padding:10 5 10 15"> <div id=demo style="OVERFLOW: hidden; WIDTH: 98%; COLOR: #ffffff"> <table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0"> <tbody> <tr> <td id=demo1 valign=top><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td><table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999"> <tr> <td height="120" align="center"> <img src= "圖片網址" height="圖片高度" border=0 class="imgborder1" ></a> </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td><table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999"> <tr> <td height="120" align="center"> <img src= "圖片網址" height="圖片高度" border=0 class="imgborder1" > </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src= "圖片網址" height="圖片高度" border=0 class="imgborder1" > </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src= "圖片網址" height="圖片高度" border=0 class="imgborder1" > </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src= "圖片網址" height="圖片高度" border=0 class="imgborder1"> </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src="圖片網址" height="圖片高度" border=0 class="imgborder1"> </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src="圖片網址" height="圖片高度" border=0 class="imgborder1" > </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src="圖片網址" height="圖片高度" border=0 class="imgborder1"> </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> <td width="171"><table width="145" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="130" align="center"><table width="128" border="0" align="center" cellpadding="0" cellspacing="1" class="imgborder"> <tr > <td> <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid #999999" height="120"> <tr> <td height="120" align="center"> <img src="圖片網址" height="圖片高度" border=0 class="imgborder1"> </td> </tr> </table></td> </tr> <tr > <td></td> </tr> </table></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> </table></td> </tr> </table></td> </tr> </table></td> <td id=demo2 valign=top> </td> </tr> </tbody> </table> 　 <script> var speed3=25//速度數值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed3) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)} </script></td> </tr> </table> </div>