JavaScript实现单条信息向上滚动

                <div id="icefable1" class="case-right">
                    <table width="300" height="33" border="0" cellpadding="0" cellspacing="0">
                        <asp:Repeater ID="RepeaterSuccessNewsInfo" runat="server">
                            <ItemTemplate>
                            <tr><td heigth="33" ><a href='singaporeIntroduce.aspx?news_IDSingle=<%# Eval("news_ID") %>' style="cursor:pointer" title="单击查看成功案例"><%# Eval("news_Title") %></a></td></tr>
                            </ItemTemplate>
                        </asp:Repeater>

                    </table>

                    <script type="text/javascript">
marqueesHeight=33;
stopscroll=false;
with(icefable1){
   style.width=0;
   style.height=marqueesHeight;
   style.overflowX="visible";
   style.overflowY="hidden";
   noWrap=true;
   οnmοuseοver=new Function("stopscroll=true");
   οnmοuseοut=new Function("stopscroll=false");
  }
  preTop=0; currentTop=marqueesHeight; stoptime=0;
  icefable1.innerHTML+=icefable1.innerHTML;
 

function init_srolltext(){
  icefable1.scrollTop=0;
  setInterval("scrollUp()",1);
}init_srolltext();

function scrollUp(){
  if(stopscroll==true) return;
  currentTop+=1;
  if(currentTop==marqueesHeight+1)
  {
   stoptime+=1;
   currentTop-=1;
   if(stoptime==80)
   {
    currentTop=0;
    stoptime=0;    
   }
  }
  else {   
   preTop=icefable1.scrollTop;
   icefable1.scrollTop+=1;
   if(preTop==icefable1.scrollTop){
     icefable1.scrollTop=marqueesHeight;
     icefable1.scrollTop+=1;
    
   }
  }

}
init_srolltext();
                    </script>

                </div>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值