DataList 套一个无缝跑马灯效果

Question

http://hi.baidu.com/08hlw/blog/item/b6b8e0a8a37161b5ca130ce9.html

Answer 1

 <table align="center" border="0" cellpadding="0" cellspacing="0"  width="750">
       
        <tbody>
            <tr>
                <td>
                    <div id="demo" style="overflow: hidden; width: 100%; color: #ffffff">
                        <table align="left" border="0" cellpadding="0" cellspacing="0" >
                            <tbody>
                                <tr>
                                    <td id="demo1" valign="top">
                                        <!--DataList开始-->
                                        <asp:DataList ID="DataList2" runat="server" RepeatColumns="300" RepeatDirection="Horizontal">
                                            <ItemTemplate>
                                                <table border="0" cellpadding="0" cellspacing="0" >
                                                    <tr>
                                                        <td>
                                                            <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="2" class="o_smoke">
                                                                <tr>
                                                                    <td>
                                                                        <a href='personinfo.aspx?id=<%#Eval("eppid") %>' target='_blank'>
                                                                            <img border="0" height="120" src='employee/baseinfo/uppic/<%#Eval("pic") %>' title='<%#Eval("empname") %>'
                                                                                width="150" /></a></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center">
                                                            <a href='personinfo.aspx?id=<%# Eval("eppid") %>' target="_blank">
                                                                <%#Eval("empname") %>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </ItemTemplate>
                                        </asp:DataList>
                                        <!--DataList结束-->
                                    </td>
                                    <td id="demo2" valign="top">
                                        &nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>                    <script language="JavaScript" src="Common/Script/scrollpic.js"></script>                </td>
            </tr>
        </tbody>
    </table>scrollpic.js代码如下:
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}lz试试

Answer 2

3楼代码 OK  我单建个页面  效果OK     但是是 套到主页里 就不行了  纳闷了