滚动新闻

转载 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>

Android垂直滚动新闻头条

最近做项目要用到淘宝首页头条的那种滚动似的新闻,看了下网上的方法,大概有两种,一种是textview的滚动,另外一种是view的滚动,参考https://github.com/sfsheng0322/...
  • hengzhenglee
  • hengzhenglee
  • 2017年04月10日 16:44
  • 568

js新闻滚动公告

*{         list-style: none;         margin: 0;         padding: 0;     }     li{         heig...
  • fly825574456
  • fly825574456
  • 2016年10月12日 19:37
  • 1282

基于bootsrap的一个新闻滚动插件

下载插件看这里:http://www.htmleaf.com/jQuery/Layout-Interface/201505011764.html            ...
  • qq_33769914
  • qq_33769914
  • 2016年08月03日 11:48
  • 688

新闻无缝滚动 左右

新闻无缝滚动 左右 * {padding:0px; margin:0px;} .box{width:300px;height:30px;line-heigh...
  • acongshijia
  • acongshijia
  • 2015年10月24日 14:49
  • 844

屏幕中公告滚动 新闻滚动 音乐滚动 html js写法(以公告滚动为例)

历史公告 公告--> div class="live_corps_news clearfix right"> div id="scroll_news"> ...
  • m0_38073829
  • m0_38073829
  • 2017年05月10日 10:11
  • 833

Jquery滚动新闻

    网上下载了一个Jquery新闻滚动Demo,效果不错。我根据自己情况,做了些调整。    下载后,除了Html及Jquery.js,还有三个文件,分别是Css,主Js和一个定位Js(jquer...
  • leeeeleeee
  • leeeeleeee
  • 2008年03月08日 13:54
  • 5671

基于bootstrap的响应式jQuery滚动新闻插件 _bootstrapNew

这是一款非常实用的基于bootstrap 3的响应式jQuery滚动新闻插件。该bootstrap滚动新闻插件可以制作为自动向上或向下滚动的模式,可以带图片显示,界面设计时尚自然,非常适合于网站制作实...
  • zzq962494
  • zzq962494
  • 2016年08月31日 16:22
  • 1596

jQuery实现多行新闻滚动

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">多行滚动jQuery循环新...
  • suleil1
  • suleil1
  • 2015年10月28日 16:47
  • 153

js实现-新闻间歇性向上无缝滚动

新闻间歇性向上无缝滚动 body { font-size: 12px; line-height: 24px; text-algin: center; /* 页面内容居中 */ }...
  • muzi187
  • muzi187
  • 2017年05月15日 11:33
  • 1001

JavaScript实现新闻上下滚动

原理:其实就是通过滚动条的不停滚动来实现的效果(复制即用) test
  • doudou_demo
  • doudou_demo
  • 2015年08月24日 11:15
  • 1515
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滚动新闻
举报原因:
原因补充:

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