问题描述
我想实现一个滚动条随数据库数据变化自己实时刷新,没有点击事件,怎么解决??求解<spanstyle="color:red"><asp:Labelid="count"runat="server"/></span><br/><li><spanstyle="color:red"><asp:Labelid="Label1"runat="server"/></span></li><li><inputid="warning"runat="server"type="hidden"name="FunName"/></li><li><spanstyle="color:red"><scriptlanguage="javascript"type="text/javascript">varmarqueeContent=newArray();//滚动主题varwarningstr=$("#warning").val();varstrzero="0000000000";varstrRows1Id=warningstr.split(',');if(strRows1Id.length==1||strRows1Id.length==0){marqueeContent[0]="预警提示:暂无预警";}else{for(i=0;i<strRows1Id.length-1;i++){marqueeContent[i]="预警提示:煎药单号为"+strzero.substring(0,10-strRows1Id[i].length)+strRows1Id[i]+""+"已过发货预警时间";}}varmarqueeInterval=newArray();//定义一些常用而且要经常用到的变量varmarqueeId=0;varmarqueeDelay=4000;varmarqueeHeight=15;functioninitMarquee(){varstr=marqueeContent[0];document.write('<divid=marqueeBoxstyle="overflow:hidden;height:'+marqueeHeight+'px"onmouseover="clearInterval(marqueeInterval[0])"onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>');marqueeId++;marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);}functionstartMarquee(){varstr=marqueeContent[marqueeId];marqueeId++;if(marqueeId>=marqueeContent.length)marqueeId=0;if(marqueeBox.childNodes.length==1){varnextLine=document.createElement('DIV');nextLine.innerHTML=str;marqueeBox.appendChild(nextLine);}else{marqueeBox.childNodes[0].innerHTML=str;marqueeBox.appendChild(marqueeBox.childNodes[0]);marqueeBox.scrollTop=0;}clearInterval(marqueeInterval[1]);marqueeInterval[1]=setInterval("scrollMarquee()",10);}functionscrollMarquee(){marqueeBox.scrollTop++;if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){clearInterval(marqueeInterval[1]);}}initMarquee();</script></span></li><br/>
解决方案
解决方案二:
你这代码格式贴得简直不能直视会ajax不?会的话就轮询每隔几秒几分钟(根据自身情况定)去取一次数据库的最新值,不会的话就去学。要是觉得轮询太low,用
解决方案三:
setInterval(refresh,1000);//每一秒执行一个函数functionrefresh(){$.ajax()...}
解决方案四:
asp.net可以判断是否到了最后,如果是就再加载数据
解决方案五:
就是类似于,手机上的滑动加载是吧?别忘了引用jquery类库[JavaScript]纯文本查看复制代码$(window).scroll(function(){varscrollTop=$(this).scrollTop();varscrollHeight=$(document).height();varwindowHeight=$(this).height();if(scrollTop+windowHeight==scrollHeight){//此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作//varpage=Number($("#redgiftNextPage").attr('currentpage'))+1;//redgiftList(page);//$("#redgiftNextPage").attr('currentpage',page+1);}});
解决方案六:
$("body").scroll(function(){ajax()});获取到页面的滚动条滚动事件,然后去ajax请求后台做实时刷新