<html>
<head>
<title>marquee</title>
<style>
#marq {
width:500px;
height:100px;
border:1px solid red;
overflow:hidden;
}
#marq img{
width:100px;
height:70px;
}
</style>
</head>
<body>
<div id="marq">
<table>
<tr>
<td id="bd">
<table border="0">
<tr>
<td><img src="images/1.jpg"/></td>
<td><img src="images/2.jpg"/></td>
<td><img src="images/2.jpg"/></td>
<td><img src="images/2.jpg"/></td>
<td><img src="images/2.jpg"/></td>
<td><img src="images/2.jpg"/></td>
<td><img src="images/3.jpg"/></td>
</tr>
</table>
</td>
<td id="shadow">
</td>
</tr>
</table>
</div>
<div id="sh"></div>
</body>
<script>
var marq = document.getElementById("marq");
var bd = document.getElementById("bd");
var shadow = document.getElementById("shadow");
var sh = document.getElementById("sh");
shadow.innerHTML = bd.inner
