简单的图片轮播

今天刚学到了一个简单的图片轮播代码如下：

<div id="list" class="picuter" style="overflow:hidden; height:150px; width:750px; position:absolute; top:170px; left:183px; margin:0 auto;">
<span style="white-space:pre"> </span><table cellpadding="0" cellspacing="0" style="width:600px;border:0px;">
<tr>
<td id="list1">
<table style="border:0px;" cellpadding="0" cellspacing="0">
<tr id="pic">
<td><img style="border:0px;" alt="" src="file:///D|/我的图片/2f11524e9258d109bc593c6dd058ccbf6d814d78.jpg" /></td>
<td><img style="border:0px;" alt="" src="file:///D|/我的图片/1b15312ac65c10388c6a7739b3119313b17e89ff.png" /></td>
<td><img style="border:0px;" alt="" src="file:///D|/我的图片/8ab5f336afc379316df02ff6eac4b74542a9111e.jpg" /></td>
<td><img style="border:0px;" alt="" src="file:///D|/我的图片/59e49e5c10385343e28837dd9213b07ec88088d1.jpg" /></td>
<td><img style="border:0px;" alt="" src="file:///D|/我的图片/-152678_562dcd58ca2b4.jpg.medium.jpg" /></td>
</tr>
</table>
</td>
<td id="list2"></td>
</tr>
</table>
</div>

var speedpic = 20;
document.getElementById("list2").innerHTML = document.getElementById("list1").innerHTML;
function Marqueepic() {
if (document.getElementById("list2").offsetWidth
- document.getElementById("list").scrollLeft <= 0) {
document.getElementById("list").scrollLeft -= document
.getElementById("list1").offsetWidth;
} else {
document.getElementById("list").scrollLeft++;
}
}
var MyMarpic = setInterval(Marqueepic, speedpic);

document.getElementById("list").onmouseover = function() {
clearInterval(MyMarpic);
}
document.getElementById("list").onmouseout = function() {
MyMarpic = setInterval(Marqueepic, speedpic);
}

查了好多资料就是为了在网页中有这种加特技的功能，虽然没有别人做得那么强大酷炫，效果图如下：



再接再厉，在贴吧经常看别人自己开发的网站从中学习还是不错的！！！