问题描述
在网上看到一个GridView的自动滚动的特效,不知道要怎么实现,现在我能让GridView出现滚动条,并且能固定表头,但是不知道让它自己以一定的速度来自动滚动。效果可以看下这个网站:http://news.sina.com.cn/z/08earthquake/search.shtml就在左边的那个滚动的特效哪位大侠能帮我搞定它那个滚动效果是怎么实现的?谢过~
解决方案
解决方案二:
双击滚动页面代码,参照修改一下就可以了<SCRIPTlanguage=JavaScript><!--varcurrentpos,timer;functioninitialize(){timer=setInterval("scrollwindow()",50);}functionsc(){clearInterval(timer);}functionscrollwindow(){currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if(currentpos!=document.body.scrollTop)sc();}document.onmousedown=scdocument.ondblclick=initializefunctionMM_preloadImages(){//v3.0vard=document;if(d.images){if(!d.MM_p)d.MM_p=newArray();vari,j=d.MM_p.length,a=MM_preloadImages.arguments;for(i=0;i<a.length;i++)if(a[i].indexOf("#")!=0){d.MM_p[j]=newImage;d.MM_p[j++].src=a[i];}}}//--></SCRIPT>
解决方案三:
o~
解决方案四:
放在一个panel里面,然后设置Panel的scrol好像是这么写
解决方案五:
在网上看到一个GridView的自动滚动的特效,GridView出现滚动条,并且能固定表头。不知道要怎么实现请指教。谢谢!
解决方案六:
右击源代码研究分析如下:<divclass="blk_02"id="chg"><divclass="table_title">//头固定<tablecellspacing="0"width="885"><tr><thwidth="7%">姓名</th><thwidth="7%">性别</th><thwidth="6%">年龄</th><thwidth="36%">所属地</th><thwidth="46%">目前情况</th></tr></table></div><divclass="table_data"id="demo"><divid="demo1">//此处应该是没有头的Gridview,而且是每次都在更新的数据的表<tablecellspacing="0"width="885"><tr><tdwidth="7%">陆季梅</td><tdwidth="7%"> 不详</td><tdwidth="6%"> 女</td><tdwidth="36%"style="text-align:left;"> 都江堰</td><tdwidth="46%"style="text-align:left;">联系电话:028-87795180 87394243 87769262;目前:四川省人民医院</td></tr></table></div></div></div><script>//以上就是调用div的ID来控制滚动varspeed=30//document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTMLfunctionMarquee(){if(document.getElementById("demo").scrollTop>=document.getElementById("demo1").offsetHeight-document.getElementById("demo").offsetHeight){document.getElementById("demo").scrollTop=0;}else{document.getElementById("demo").scrollTop++}}varMyMar=setInterval(Marquee,speed)document.getElementById("demo").onmouseover=function(){clearInterval(MyMar)}document.getElementById("demo").onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>
其实说来就是一个固定的头装在一个div中,另个是值有数据的GridView装在<divid="demo1">里,两个div又装在<divclass="blk_02"id="chg">中!再用JS控制demo1的div滚动!道理就是这样,很简单!
解决方案七:
js文件是有<divclass="table_data"id="demo"><divid="demo1">//此处应该是没有头的Gridview,而且是每次都在更新的数据的表这两个DIV的ID的!所以就是这样实现的!
解决方案八:
非常感谢楼上这位女士,你很厉害。ほんとうに有難うございました!-^_^-昨天我用另外的方法也实现了,就是效果不好。<style>.Freezing{Z-INDEX:10;POSITION:relative;;TOP:expression(this.offsetParent.scrollTop)}.FreezingCol{Z-INDEX:1;;LEFT:expression(document.getElementById("freezingDiv").scrollLeft);POSITION:relative}</style><divid="freezingDiv"style="OVERFLOW:auto;WIDTH:500px;HEIGHT:400px"><asp:GridView...><ItemStyleforecolor="#003399"backcolor="White"></ItemStyle><HeaderStylefont-bold="True"forecolor="#CCCCFF"cssclass="Freezing"backcolor="#003399"></HeaderStyle><Columns><asp:TemplateColumnHeaderText="ID"><HeaderStylecssclass="FreezingCol"></HeaderStyle><ItemStylecssclass="FreezingCol"></ItemStyle><ItemTemplate><asp:Labelrunat="server"text='<%#DataBinder.Eval(Container,"DataItem.CustomerID")%>'></asp:Label></ItemTemplate></asp:TemplateColumn><asp:TemplateColumnHeaderText="得意先"><HeaderStylecssclass="FreezingCol"></HeaderStyle><ItemStylecssclass="FreezingCol"></ItemStyle><ItemTemplate><asp:Labelrunat="server"text='<%#DataBinder.Eval(Container,"DataItem.CompanyName")%>'></asp:Label></ItemTemplate></asp:TemplateColumn><asp:BoundColumnDataField="ContactName"HeaderText="担当"></asp:BoundColumn><asp:BoundColumnDataField="Phone"HeaderText="電話"></asp:BoundColumn><asp:BoundColumnDataField="Fax"HeaderText="ファックス"></asp:BoundColumn><asp:BoundColumnDataField="Ken"HeaderText="県"></asp:BoundColumn><asp:BoundColumnDataField="Address1"HeaderText="住所"></asp:BoundColumn></Columns></asp:GridView></div>
解决方案九:
请教一个JavaScript相关的问题,在执行Response.Write("<script>alert('メッセージ情報を選択してください。')</script>")后,页面上的控件形状发生了改变,比如宽度变窄了,おかしい(奇怪的)。这是为什么,好像不是页面刷新的结果。请高手指点,如何解决此问题。