图片或文字的上下左右滚动

<div id="colee_left" style="overflow:hidden;width:554px; height:122px; padding-left:10px; padding-right:10px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="../Images/b1.jpg" alt="南dfg家"/><br />南昌fdgdfg家</td>
<td><img src="../Images/b1 (1).jpg" alt="dfg雅2"><br />南京fdg</td>
<td><img src="../Images/b1 (2).jpg" alt="宁波fdg东fg升"><br />宁dfg江fgfg升</td>
<td><img src="../Images/b1 (3).jpg" alt="上海罗城B&W店"><br />上345B&W店</td>
<td><img src="../images/b1 (4).jpg" alt="西安34"><br />西安宏435声</td>
<td><img src="../Images/b1 (5).jpg" alt="浙23432达"><br />浙江435先达</td>
<td><img src="../Images/b1 (6).jpg" alt="镇234"><br />镇江435琴声</td>
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed = 30//速度数值越大速度越慢
var colee_left2 = document.getElementById("colee_left2");
var colee_left1 = document.getElementById("colee_left1");
var colee_left = document.getElementById("colee_left");
colee_left2.innerHTML = colee_left1.innerHTML
function Marquee3() {
if (colee_left2.offsetWidth - colee_left.scrollLeft <= 0)//offsetWidth 是对象的可见宽度
colee_left.scrollLeft -= colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度
else {
colee_left.scrollLeft++
}
}
var MyMar3 = setInterval(Marquee3, speed)
colee_left.onmouseover = function () { clearInterval(MyMar3) }
colee_left.onmouseout = function () { MyMar3 = setInterval(Marquee3, speed) }
</script>

上下滚动

<script language="javascript" type="text/javascript">
//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed = 30//速度数值越大速度越慢
var colee_left2 = document.getElementById("demo2");
var colee_left1 = document.getElementById("demo1");
var colee_left = document.getElementById("demo");
colee_left2.innerHTML = colee_left1.innerHTML
function Marquee3() {
if (colee_left2.offsetTop - colee_left.scrollTop <= 0)//offsetWidth 是对象的可见宽度
colee_left.scrollTop -= colee_left1.offsetHeight//scrollWidth 是对象的实际内容的宽，不包边线宽度
else {
colee_left.scrollTop++
}
}
var MyMar3 = setInterval(Marquee3, speed)
colee_left.onmouseover = function () { clearInterval(MyMar3) }
colee_left.onmouseout = function () { MyMar3 = setInterval(Marquee3, speed) }
</script>
<div id="demo" style="overflow: hidden; margin-top: 84px; width: 541px; margin-left: 45px;
height: 80px; padding: 30px 20px;">
<div id="demo1">
<%=Register %>
</div>
<div id="demo2">
</div>
</div>