ホームページ > ウェブフロントエンド > jsチュートリアル > 変更された jquery ローリング字幕効果の実装 code_jquery

変更された jquery ローリング字幕効果の実装 code_jquery

WBOY
リリース: 2016-05-16 18:05:35
オリジナル
1202 人が閲覧しました

最终效果图

image

源代码:

复制代码代码如下:





<スクリプトタイプ = "text/javascript">
functionscroll_news(){
var $firstNode = $('#scroll-container li');
//i の值列数を取得
var iRow = $('#scroll-container').find('li').length – 1;
//デバッガー;
$(function(){
$firstNode.eq(0).fadeOut('slow',function(){
$(this).clone().appendTo($(this).parent ()).fadeIn('slow');
$(this).remove();
});
}
$(document).ready(function(){
go();
});
関数 stop(){
clearInterval(sn);
}
function go(){
sn = setInterval('scroll_news()',2000);
}