xiaoyu.fn.slide = function(options) { var defaults = { type: 'fade', btn: '.slide_btn', leftbtn: '.slide_left', rightbtn: '.slide_right', btnactive: 'click', picbox: '.slide_pic', num: '1', conwidth: '100%', conheidth: '100%', time: '3000', speed: '500', play: '1', percent: '0' }; var obj = xiaoyu.extend(defaults,options), self = xiaoyu(this), picul = self.find(obj.picbox+">ul"), picli = self.find(obj.picbox+">ul>li"), btnli = self.find(obj.btn+">ul>li"), leftbtn = self.find(obj.leftbtn), rightbtn = self.find(obj.rightbtn), type = obj.type, conwidth = obj.conwidth, conheight = obj.conheight, speed = obj.speed, percent = obj.percent, len = math.ceil(picli.length/obj.num), index = 0, lose = 0, timer; /*=========动作初始化对象属性=========*/ var elementinit = { ".opacity":{ opacity: 0 }, ".banner1_img": { top:250, left:820 }, ".banner1_text": { top:120, left:468 }, ".banner1_btn": { top:450, left:380 }, ".banner2_img1": { bottom:-150, left:460 }, ".banner2_img2": { top:80, left:625 }, ".banner2_title": { top:210, left:1238 }, ".banner2_text1": { top:340, left:1238 }, ".banner2_text2": { top:410, left:1238 }, ".banner2_text3": { top:470, left:1238 }, ".banner3_img": { bottom:-50, left:500 }, ".banner3_text": { top:215, right:468 }, ".banner3_btn": { bottom:0, right:548 }, ".banner4_img": { top:102, left:528 }, ".banner4_title1": { top:165, left:1030 }, ".banner4_title2": { top:165, left:1188 }, ".banner4_title3": { top:165, left:1350 }, ".banner4_text": { top:308, left:960 } } for (var i in elementinit) { var xiaoyui = picli.find(i); for (var j in elementinit[i]) { xiaoyui.css(j, elementinit[i][j]); } } in_1(); /*=========点击触发动作=========*/ leftbtn.click(function(){ if(lose == 0){ index==0 ? index=len-1 : index-- goanimate(index); } }) rightbtn.click(function(){ if(lose == 0){ index==len-1 ? index=0 : index++; goanimate(index); } }) /*=========自动播放=========*/ if(obj.play==1){ self.hover(function(){ clearinterval(timer); },function(){ clearinterval(timer); timer = setinterval(function(){ index==len-1 ? index=0 : index++; goanimate(index); },obj.time); }).trigger("mouseleave"); } var goanimate = function(index){ if(index == 0){ out_4(); in_1(); out_2(); }else if(index == 1){ out_1(); in_2(); out_3(); }else if(index == 2){ out_2(); in_3(); out_4(); }else if(index == 3){ out_3(); in_4(); out_1(); } btnli.removeclass("active").eq(index).addclass("active"); } function in_1(){ lose = 1; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function() { xiaoyu(".banner_bg1").stop().animate({opacity: 1},function(){ settimeout(function() { xiaoyu(".banner1_img").stop().animate({"top":"196px", "left":"710px", opacity: 1},1000); settimeout(function() { xiaoyu(".banner1_text").stop().animate({"top":"210px", "left":"468px", opacity: 1},700); settimeout(function() { xiaoyu(".banner1_btn").stop().animate({"top":"450px", "left":"470px", opacity: 1},700,function(){ lose = 0; }).addclass("anima"); },500); },300); },0); }); },200); } function out_1(){ settimeout(function() { xiaoyu(".banner1_img").stop().animate({"top":"220px", "left":"750px", opacity: 0},1000); settimeout(function() { xiaoyu(".banner1_text").stop().animate({"top":"180px", "left":"468px", opacity: 0},700); settimeout(function() { xiaoyu(".banner1_btn").stop().animate({"top":"450px", "left":"420px", opacity: 0},700).removeclass("anima"); xiaoyu(".banner_bg1").stop().animate({opacity: 0}); },500); },300); },0); } function in_2(){ lose = 1; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function() { xiaoyu(".banner_bg2").stop().animate({opacity: 1},function(){ settimeout(function() { xiaoyu(".banner2_img1").stop().animate({"bottom":"0", "left":"460px", opacity: 1},800); settimeout(function() { xiaoyu(".banner2_img2").stop().animate({"top":"118px", "left":"625px", opacity: 1},1000); settimeout(function() { xiaoyu(".banner2_title").stop().animate({"top":"210px", "left":"938px", opacity: 1},800); settimeout(function() { xiaoyu(".banner2_text1").stop().animate({"top":"340px", "left":"938px", opacity: 1},800); settimeout(function() { xiaoyu(".banner2_text2").stop().animate({"top":"410px", "left":"938px", opacity: 1},800); settimeout(function() { xiaoyu(".banner2_text3").stop().animate({"top":"470px", "left":"938px", opacity: 1},800,function(){ lose = 0; }); },150); },150); },150); },150); },300); },0); }); },500); } function out_2(){ settimeout(function() { xiaoyu(".banner2_img1").stop().animate({"bottom":"-150px", "left":"460px", opacity: 0},800); settimeout(function() { xiaoyu(".banner2_img2").stop().animate({"top":"80px", "left":"625px", opacity: 0},1000); settimeout(function() { xiaoyu(".banner2_title").stop().animate({"top":"210px", "left":"1238px", opacity: 0},800); settimeout(function() { xiaoyu(".banner2_text1").stop().animate({"top":"340px", "left":"1238px", opacity: 0},800); settimeout(function() { xiaoyu(".banner2_text2").stop().animate({"top":"410px", "left":"1238px", opacity: 0},800); settimeout(function() { xiaoyu(".banner2_text3").stop().animate({"top":"470px", "left":"1238px", opacity: 0},800); xiaoyu(".banner_bg2").stop().animate({opacity: 0}); },150); },150); },150); },150); },300); },0); } function in_3(){ lose = 1; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function() { xiaoyu(".banner_bg3").stop().animate({opacity: 1},function(){ settimeout(function() { xiaoyu(".banner3_img").stop().animate({"bottom":"0", "left":"500px", opacity: 1},1000); settimeout(function() { xiaoyu(".banner3_text").stop().animate({"top":"245px", "right":"468px", opacity: 1},700); settimeout(function() { xiaoyu(".banner3_btn").stop().animate({"bottom":"60px", "right":"488px", opacity: 1},700,function(){ lose = 0; }); },250); },250); },0); }); },500); } function out_3(){ settimeout(function() { xiaoyu(".banner3_img").stop().animate({"bottom":"-50px", "left":"500px", opacity: 0},1000); settimeout(function() { xiaoyu(".banner3_text").stop().animate({"top":"215px", "right":"468px", opacity: 0},700); settimeout(function() { xiaoyu(".banner3_btn").stop().animate({"bottom":"0", "right":"548px", opacity: 0},700); xiaoyu(".banner_bg3").css({opacity: 0}); },250); },250); },0); } function in_4(){ lose = 1; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function() { xiaoyu(".banner_bg4").stop().animate({opacity: 1},function(){ xiaoyu(".banner4_img").css({"top":"262px", "left":"378px",opacity: 0}); xiaoyu(".banner4_img").stop().animate({"top":"102px", "left":"528px",opacity: 1},2000,'easeoutquart') }); settimeout(function() { xiaoyu(".banner4_title1").stop().animate({"top":"235px", "left":"960px",opacity: 1},700) settimeout(function() { xiaoyu(".banner4_title2").stop().animate({"top":"235px", "left":"1118px",opacity: 1},700) settimeout(function() { xiaoyu(".banner4_title3").stop().animate({"top":"235px", "left":"1280px",opacity: 1},700) xiaoyu(".banner4_text").stop().animate({"top":"328px", "left":"960px",opacity: 1},1000,function(){ lose = 0; }) },200); },200); },200); },500); } function out_4(){ settimeout(function() { xiaoyu(".banner4_img").stop().animate({"top":"262px", "left":"378px"},300,function(){ xiaoyu(".banner4_img").stop().animate({"top":"-302px", "left":"928px", opacity: 0},800,function(){ xiaoyu(".banner4_img").css({"top":"132px", "left":"498px"}); }); }); xiaoyu(".banner4_title1").stop().animate({"top":"255px", "left":"960px",opacity: 0},700) xiaoyu(".banner4_title2").stop().animate({"top":"255px", "left":"1118px",opacity: 0},700) xiaoyu(".banner4_title3").stop().animate({"top":"255px", "left":"1280px",opacity: 0},700) xiaoyu(".banner4_text").stop().animate({"top":"348px", "left":"960px",opacity: 0},1000) xiaoyu(".banner_bg4").stop().animate({opacity: 0}); },200); } }