<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>圖片跑馬燈</title>
</head>
<body>
我使用的圖片是376*158的~~所以這個請自已改吧!!
目前我用的是六張圖，要多要少自已把表格加減吧
<table cellspacing=0 cellpadding=0 width="376" border=0>
<td width="376"><table cellspacing=0 cellpadding=0 width=376 border=0>
<tbody>
<tr>
<td width=0 height=158></td>
<td valign="top">
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td valign=top height=158>
<div align=center>
<div id=scroll_div style="OVERFLOW: hidden; WIDTH: 376px; HEIGHT: 158px" align=center>
<table>
<tbody>
<tr>
<td id=scroll_begin width=376>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr align=center>
<td width=376><a href="images/ad_1.jpg" target="_blank"><img width="376" height="158" src="images/ad_1.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_2.jpg" target="_blank"><img width="376" height="158" src="images/ad_2.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_3.jpg" target="_blank"><img width="376" height="158" src="images/ad_3.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_1.jpg" target="_blank"><img width="376" height="158" src="images/ad_1.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_2.jpg" target="_blank"><img width="376" height="158" src="images/ad_2.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_3.jpg" target="_blank"><img width="376" height="158" src="images/ad_3.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_1.jpg" target="_blank"><img width="376" height="158" src="images/ad_1.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_2.jpg" target="_blank"><img width="376" height="158" src="images/ad_2.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_3.jpg" target="_blank"><img width="376" height="158" src="images/ad_3.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_1.jpg" target="_blank"><img width="376" height="158" src="images/ad_1.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_2.jpg" target="_blank"><img width="376" height="158" src="images/ad_2.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
<td width=376><a href="images/ad_3.jpg" target="_blank"><img width="376" height="158" src="images/ad_3.jpg" border=0></a></td>
<td width=1></td>
<td> </td>
</tr>
</tbody>
</table>
</td>
<td width="0" id=scroll_end>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</table>
上面只是把圖設好~~重點來了!!
speed是速度~~目前設60~~可以自已改來看就知了
<script>
var speed=60
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0){
scroll_div.scrollLeft-=scroll_begin.offsetWidth}
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
留言列表
