jQuery 플러그인은 Turn_jquery에서 이 아래에 div를 표시합니다.

WBOY
풀어 주다: 2016-05-16 18:54:26
원래의
1110명이 탐색했습니다.

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

/*
아래에 있는 div를 표시합니다. 이는
dname이 이 작업을 수행하는 데 필요한 요소를 지정합니다. dname이 지정되지 않으면 모든 하위 요소가 기본값으로 설정됩니다.
tname은 dname에 해당하는 활성화 요소를 지정합니다.
speed는 전환을 표시합니다. speed;
effe는 효과를 표시합니다.
*/
(function(){
.fn.w_picSwap=function(dname,tname,speed,effe){
speed=speed || 2000;
dname=tname ||
effe(함수){
var myTime;
var obj=( this);
var objs=(this).find(dname)
var objnl=(this).find(tname).not(dname); var len2=objnl.length;
var len=objs.length;
if(len<2){ return;}
var si=0;
objs .not(':first').css('opacity',0);
function showImg(){
old=si;si=(si==(len-1))?0:si 1 ;
효과(objs.eq (old),objs.eq(si))
if(len2){
objnl.eq(old).removeClass("on"); .eq(si).addClass(" on");
}
};
함수 효과(o,n){
스위치(effe){
케이스 1:
o.stop().animate({ opacity:0});
n.stop().animate({opacity:1})
break
사례 2:
var toff= o.position();
n.stop().css("top",toff.top o.outerHeight()).animate({top:toff.top,opacity:1},200); >o.stop().animate( {top:toff.top-o.outerHeight(),opacity:0})
break
}
}
function start(){
myTime = setInterval(showImg,speed );
};
objnl.mouseover(function(){
si=objnl.index(this);
showImg();
} );
//슬라이드 인하여 애니메이션을 중지하고 슬라이드 아웃하여 애니메이션을 시작합니다.
obj.hover(function(){
if(myTime){clearInterval(myTime);}
}, function(){
시작();
});
시작();
})(jQuery);
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!