文字跑马灯

 

$(function(){
  setInterval("runNews()", 6000);
});
function runNews() {
  var rc = $(".rNews").length, t = 0;
  for (var i = 0; i < rc; i++) {
    if (!$(".rNews").eq(i).is(":hidden")) {
      t = i + 1;
      $(".rNews").eq(i).animate({ height: 'hide', opacity: 'hide' }, "slow");
    }
  }
  if (t >= rc)
    $(".rNews").eq(0).animate({ height: 'show', opacity: 'show' }, "slow");
  else
    $(".rNews").eq(t).animate({ height: 'show', opacity: 'show' }, "slow");
}

 

 

<ul> 

  <li><href="#" class="rNews" style="display:block;">111111111</a></li>
  <li><href="#" class="rNews">2222222222</a></li>
  <li><href="#" class="rNews">3333333333</a></li>
  <li><href="#" class="rNews">4444444444</a></li>
  <li><href="#" class="rNews">5555555555</a></li>
</ul>

posted @ 2012-10-26 14:40  巡山二代王  阅读(265)  评论(0编辑  收藏  举报