上下滚动效果代码

<div id="demo" style="overflow: hidden; width: 202px; height: 149px;">
                                                                <!--dome 高度必须小于图片总高度 否则就不会显示滚动效果-->
                                                                <div id="demo1">
                                                                    <asp:DataList ID="DataList4" runat="server">
                                                                        <ItemTemplate>
                                                                            <table border="0" cellpadding="0" cellspacing="0" width="202">
                                                                                <tr>
                                                                                    <td align="center" width="15">
                                                                                        <img height="5" src="images/icon04.gif" width="9" /></td>
                                                                                    <td class="font_12_hui">
                                                                                        <asp:Label ID="Label1" runat="server" Text=‘<%# Eval("a1") %>‘></asp:Label></td>
                                                                                    <td class="font_12_hui" width="40%">
                                                                                        <asp:Label ID="Label2" runat="server" Text=‘<%# Convert.ToDateTime(Eval("tim").ToString()).ToString("yyyy-MM-dd") %>‘> </asp:Label></td>
                                                                                </tr>
                                                                            </table>
                                                                        </ItemTemplate>
                                                                    </asp:DataList>
                                                                    <!--上下滚动 如果左右滚动 必须放在表格里布局才行-->
                                                                </div>
                                                                <div id="demo2">
                                                                </div>
                                                            </div>

<script language="javascript" type="text/javascript">
var speed=40 // 值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
//上下左右无间隙滚动 最主要是 if 语句的代码修改
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
                                                </script>

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

左右滚动效果代码：

 <div id="Div2" style="overflow: hidden; width: 580px; color: #ffffff;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="189">
                                            <tr>
                                                <td id="Td3" align="left" width="189">

                                               </td>
                                  </tr>
                                  </table>
                                  </div>

<script type="text/javascript" language="javascript">
    var speed2=2//速度数值越大速度越慢
    Td4.innerHTML=Td3.innerHTML
    function Marquee3(){
    if(Td4.offsetWidth-Div2.scrollLeft <=0)
      Div2.scrollLeft-=Td3.offsetWidth
    else{
      Div2.scrollLeft++;
    }
    }
    var MyMar3=setInterval(Marquee3,speed2)
    Div2.onmouseover=function() {clearInterval(MyMar3)}
    Div2.onmouseout=function() {MyMar3=setInterval(Marquee3,speed2)}
</script>