jQuery 플롭 또는 블라인드 효과(콘텐츠가 3초 안에 자동으로 전환됨)_jquery

핵심 코드:

코드 복사 코드는 다음과 같습니다.

$(function(){
var 타이머 = true; //위로 또는 아래로 전환 수행
var liindex = 0; //LI 인덱스
var $div = $(".byc").find("div")
//3초마다 LI의 내용을 변환합니다.
var set1 = setInterval(function(){
ainbyc($div);
liindex = 0;
timer = !timer;
},3000);
//LI가 변환하는 방식, 즉 100ms마다 다음 LI가 최상위 값을 이동하도록 합니다.
function ainbyc(ds){
var set2 = setInterval(function; ){
//모든 LI를 이동한 후 지우기
if(liindex == $div.length){
clearInterval(set2)
//Up
}else if( 타이머){
ds.eq(liindex).animate({"top":0},100)
//Down
}else{
ds.eq(liindex).animate( {"top":-25},100);
}
liindex ;
},100)
}
})

멋진 영상이에요 모두 매우 명확하게 분석되었습니다. 여기에 요약해 보세요.
1. 타이머 클리어Interval. 이전에는 외부에 썼지만 setInterval 안에 써야 합니다.
2. 부울 값이 무엇인지 확실하지 않은 경우 다음과 같이 작성할 수 있습니다.

온라인 데모: http://demo.jb51.net/ js/2012/ mybyc/
패키지 다운로드: http://www.jb51.net/jiaoben/55611.html