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

   <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>