>웹 프론트엔드 >JS 튜토리얼 >수정된 jquery 롤링 자막 효과 구현 code_jquery

수정된 jquery 롤링 자막 효과 구현 code_jquery

WBOY
WBOY원래의
2016-05-16 18:05:351214검색

最终效果图

image

源代码:

复代代码 代码如下:


<머리>


<스크립트 유형 = "텍스트/자바스크립트">
function scroll_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();
$firstNode.eq(iRow).hide()
});
}
$(document).ready(function(){
go();
});
function stop(){
clearInterval(sn);
}
function go(){
sn = setInterval('scroll_news()',2000);
}