在调用数据时JS的滚动效果无法滚动
程序代码:CSS
#mcbl{ width:251px; float:left; border:1px solid #b9bdc0;}
#hyqy1{background-image:url(../images/Menu2.jpg); height:30px; line-height:30px; padding-left:10px;}
#demo{overflow:hidden;height:528px; margin-top:15px; margin-bottom:15px;}
#dqhy{ list-style-image:url(../images/new.jpg); padding-top:5px;}
JS 代码
我是直接加载到 onload里的.
var speed=1
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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)}
页面中的DIV
<DIV id="mcbl">
<div id="hyqy1">会员企业</div>
<div id=demo>
<div id=demo1>
<ul id=dqhy>
<asp:Repeater ID="dqhylist" runat="server">
<ItemTemplate><li class=dqhylist><a href="Default.aspx?id=<%# DataBinder.Eval(Container.DataItem,"nbxh") %>"><%# DataBinder.Eval(Container.DataItem,"cpyname")%></a></li></ItemTemplate>
</asp:Repeater>
</ul>
</div>
<DIV id=demo2></DIV>
</div>
</DIV>
这里数据调用出来的时候滚动一会就会停下了.
如果 把><a href="Default.aspx?id=<%# DataBinder.Eval(Container.DataItem,"nbxh") %>"><%# DataBinder.Eval(Container.DataItem,"cpyname")%></a> 直接替换 成数据的话.他就可以无限滚动.
我在读取数据之后. 用JS 来实现无缝的滚动效果.但是调用出来之后 滚动没多久.它就不滚动了. 我把数据直接贴到滚动的DIV.他可以无限无缝滚动? 忘高手求解决办法.






