完整代码如下:
大家可以复制到DW里进行编辑
<div id="test" style="text-align:center"></div>
<DIV align=center id=demo style="OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 87px"
align=center>
<TABLE cellSpacing=0 cellPadding=0 align=left border=0
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114350852.jpg" width="68" height="68" border="0" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114350141.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114350308.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114421279.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114421119.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114421360.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114350141.jpg" width="68" height="68" onclick="test(this)"></td>
<td width="10"></td>
<td width="120"><img src="http://img1.china228.com/Photo/Qiqu/20070730/2007730114350882.jpg" width="68" height="68" onclick="test(this)"></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=5
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)}
function test(_this) {
document.getElementById("test").innerHTML = "<img src='" + _this.src + "' width='500px' height='400px'/>";
}
</SCRIPT>
作者:Lewen@博雅宇轩
地址:http://www.lewensky.cn/read.php/21.htm
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
超链接鼠标放上去闪烁的制作方法
精彩图片之间不间断循环滚动、鼠标经过停止、点击打开新网页


