这段代码怎么鼠标移走就不滚动了

<div id="demo" style="overflow: hidden; height: 270; width: 270;">
                                        <div id="demo1">
                                            <asp:Repeater ID="dlBuletin" runat="server">
                                                <ItemTemplate>
                                                    <li>
                                                        <img src="images/point.gif" width="10" height="7" />
                                                        <a href='<%#Eval("bl_Id","Bulletin.aspx?bl_Id={0}")%>' target="_blank" class="zt">
                                                            <%#Eval("bl_title") %></a> </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </div>
                                        <div id="demo2">
                                        </div>
                                        </div>                                       <script> var speed=30 ;
demo2.innerHTML=demo1.innerHTML ;
function Marquee()
{  if(demo2.offsetTop -demo.scrollTop <=0) 
demo.scrollTop -=demo1.offsetHeight ;
else{ 
 demo.scrollTop++ ;
}  } 
var MyMar=setInterval(Marquee,speed) ;
demo.onmouseover=function() {clearInterval(MyMar)} ;
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} ;
                                        </script>

解决方案 »

  1.   

    LZ的代码似乎是鼠标移上去就不滚动的啊或许把onmouseover与onmouseout的事件对调一下？
      

  2.   

    是不是没有asp.net运行的环境啊
      

  3.   

    demo.onmouseover=function() {clearInterval(MyMar)} ;
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} ;     这个写反了吧，对调下
      

  4.   

    LZ把内容减少到只有13行，就不会发生循环滚动，因为高度不够，demo1的高度小于demo。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <div id="demo" style="overflow: hidden; height: 270px; width: 270px; border:#000000 1px solid;"> 
        <div id="demo1"> 
    <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
            <li>11</li>
            <li>12</li>
            <li>13</li>
            <li>13</li>
            <li>14</li>
            <li>15</li>
            <li>16</li>
            <li>17</li>
        </div> 
        <div id="demo2"> 
        </div> 
    </div> 
    </body>
    </html>
    <script> 
    var speed=30 ; 
    demo2.innerHTML=demo1.innerHTML ; 
    function Marquee() 
    { 
    if(demo2.offsetTop - demo.scrollTop <=0) 
    demo.scrollTop -= demo1.offsetHeight ; 
    else{ 
    demo.scrollTop++ ; 
    } 
    }
    var MyMar=setInterval(Marquee,speed) ; 
    demo.onmouseover=function() {clearInterval(MyMar)} ; 
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} ; 
    </script>