孟子前辈,高手们近来看看JS调用DATALIST里面DIV的问题
JS 代码
<script>
marqueesHeight=100;//滚动区域高度设定
stopscroll=false;
icefable1.scrollTop=1;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML;
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",1);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==101)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1;
if(stoptime==200)//停顿时间设定
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop){
icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
icefable1.scrollTop+=1;
}
}
}
init_srolltext();
</script>
ASP.NET
<asp:datalist id="dltImg" runat="server" RepeatColumns="5"> <ItemTemplate>
<div id="icefable1" style="width:700; position:absolute; z-index:2; left: 190px; top: 90px;"> <TABLE id="Table4" height="130" cellSpacing="1" cellPadding="0" width="140" border="0"> <TR> <TD>帮定内容<TD> </TR>
</TABLE>
</div>
<div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div> </ItemTemplate>
我想实现 -行多列 滚动循环翻滚