滚动新闻

转载 2006年06月22日 20:04:00

<div id="icefable1">
<TABLE cellSpacing=0 cellPadding=0 width=510 border=0>

  <tr background="http://images.5460.net/otherSiteImages/bbs/bbs/newimage/jhdian-1.gif">
    <td width="16%" height="25" scope="row">
<div align="left"><a target="_blank" href="/bbs/bbs/bbsInfoList.jsp?bbsid=61"><span _fcksavedurl=""/bbs/bbs/bbsInfoList.jsp?bbsid=61"><span" class="style100"> [心情驿站]</span></a></div></td>
    <td width="84%" height="25" class="style74" scope="row">
      <div align="left" class="style89"><a href="/bbs/main.jsp?id=1516756&bbsid=61"  target="_blank">我们都在BBS想干什么</a></div></td>
</tr>

  <tr background="http://images.5460.net/otherSiteImages/bbs/bbs/newimage/jhdian-1.gif">
    <td width="16%" height="25" scope="row">
<div align="left"><a target="_blank" href="/bbs/bbs/bbsInfoList.jsp?bbsid=115480"><span _fcksavedurl=""/bbs/bbs/bbsInfoList.jsp?bbsid=115480"><span" class="style100"> [原创文学]</span></a></div></td>
    <td width="84%" height="25" class="style74" scope="row">
      <div align="left" class="style89"><a href="/bbs/main.jsp?id=1516149&bbsid=115480"  target="_blank">希璐 我的冬妮娅</a></div></td>
</tr>

  <tr background="http://images.5460.net/otherSiteImages/bbs/bbs/newimage/jhdian-1.gif">
    <td width="16%" height="25" scope="row">
<div align="left"><a target="_blank" href="/bbs/bbs/bbsInfoList.jsp?bbsid=115481"><span _fcksavedurl=""/bbs/bbs/bbsInfoList.jsp?bbsid=115481"><span" class="style100"> [星座物语]</span></a></div></td>
    <td width="84%" height="25" class="style74" scope="row">
      <div align="left" class="style89"><a href="/bbs/main.jsp?id=1516060&bbsid=115481"  target="_blank">测试看谁是你最爱的人</a></div></td>
</tr>

  <tr background="http://images.5460.net/otherSiteImages/bbs/bbs/newimage/jhdian-1.gif">
    <td width="16%" height="25" scope="row">
<div align="left"><a target="_blank" href="/bbs/bbs/bbsInfoList.jsp?bbsid=116980"><span _fcksavedurl=""/bbs/bbs/bbsInfoList.jsp?bbsid=116980"><span" class="style100"> [爱情之海]</span></a></div></td>
    <td width="84%" height="25" class="style74" scope="row">
      <div align="left" class="style89"><a href="/bbs/main.jsp?id=1516468&bbsid=116980"  target="_blank">能否接受欺骗你的男人</a></div></td>
</tr>
</TABLE>
</div>
 <div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div>
 <script>
marqueesHeight=25;
stopscroll=false;
icefable1.scrollTop=0;

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=-2; stoptime=0;

function init_srolltext(){
  icefable2.innerHTML="";
  icefable2.innerHTML+=icefable1.innerHTML;
  icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
  setInterval("scrollUp()",50);
}
function scrollUp(){
  if(stopscroll==true) return;
  currentTop+=1;
  if(currentTop==26)
  {
   stoptime+=1;
   currentTop-=1;
   if(stoptime==50)
   {
    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>

相关文章推荐

邮箱登陆 IP显示 新闻滚动

  • 2012年05月05日 23:17
  • 664B
  • 下载

jQuery新闻滚动插件Newstickerpro

  • 2017年05月02日 10:53
  • 72KB
  • 下载

JavaScript实现新闻上下滚动

原理:其实就是通过滚动条的不停滚动来实现的效果(复制即用) test

新闻 间歇性向上滚动

  • 2011年01月30日 15:50
  • 10KB
  • 下载

iOS滚动的导航条(仿网易新闻)

实现效果效果:选择不同的栏目,下面出现不同的视图,栏目条可以滚动;下面的视图也可以滚动,滚动时上面对应的栏目要选中颜色为红色; 实现代码 首先实现Main.storyboard 创建多个子控制器:头...

不使用JQuery的多行新闻滚动

最近写一个门户页面用到,用JQuery的话,IE6有点问题,就用了纯JS方法,朋友帮忙写的,现在拿出来分享。 无标题文档 body { font:normal 12px/1.5...

金鱼眼新闻滚动系统Demo版

  • 2009年03月30日 10:58
  • 35KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滚动新闻
举报原因:
原因补充:

(最多只允许输入30个字)