横向滚动图片
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type c>
<META c name=GENERATOR>
<STYLE type=text/css>BODY {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
TD {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
TH {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
COLOR: #666666; TEXT-DECORATION: none
}
A {
COLOR: #000000; TEXT-DECORATION: none
}
</STYLE>
</HEAD>
<BODY leftMargin=0 topMargin=0 background="images/img/index_21.jpg">
<TABLE class=border cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 778px; HEIGHT: 220px">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top align="center">
<TABLE cellSpacing=1 cellPadding=0 border=0 width="100%">
<TBODY>
<TR>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/001.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/002.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/003.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/004.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/005.jpg" width="160" height="160" border="0" alt=""></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/006.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/007.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/008.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/009.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000"> <img src="images/010.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/011.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/012.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/013.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<td> </td>
<TD >
<table width="1%" border="1" cellpadding="0" cellspacing="2" bordercolor="#000000" id="table110">
<tr>
<td style="font-family: 宋体; font-size: 12px; color: #000000">
<img src="images/014.jpg" width="160" height="160" border="0"></td>
</tr>
</table>
</TD >
<TD >
</TD >
</TR>
</TBODY></TABLE></TD>
<TD id=demo2 vAlign=top> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<SCRIPT>
var speed=24
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
