?<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PicShow.ascx.cs" Inherits="MyDefine_PicShow" %>

<center>
    <div id="demo" style="overflow:hidden;width:100%">
    <table style="width:100%" cellspacing="0" class="tableSolid">
        <tr style="width:100%">
            <td>
                <div id="demo1">
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                <img src="../images/bookImage/tempbook.bmp" />&nbsp;&nbsp;
                </div>
            </td>
            <td>
                <div  id="demo2">
                </div>
            </td>
        </tr>
    </table>
    </div>
</center>
<script type="text/javascript" language="javascript"> 
    var speed=2;
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){ 
        if(demo2.offsetWidth-demo.scrollLeft<=0) 
            demo.scrollLeft-=demo1.offsetWidth;
        else{ 
            demo.scrollLeft++;
        } 
    } 
    var MyMar=setInterval(Marquee,speed);
    demo.onmouseover=function() {clearInterval(MyMar);}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);} 
</script>