$.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 = $.extend(defaults, options), self = $(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 $i = picli.find(i); for (var j in elementinit[i]) { $i.css(j, elementinit[i][j]); } } in_0(); /*=========点击触发动作=========*/ 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_0(); out_1(); } else if (index == 1) { out_0(); in_1(); out_2(); } else if (index == 2) { out_1(); in_2(); out_3(); } else if (index == 3) { out_2(); in_3(); out_4(); } else if (index == 4) { out_3(); in_4(); out_1(); } btnli.removeclass("active").eq(index).addclass("active"); } function in_0() { lose = 0; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function () { $(".banner_bg0").stop().animate({ opacity: 1 }, function () { settimeout(function () { $(".banner0_img").stop().animate({ "bottom": "0", "left": "500px", opacity: 1 }, 1000); settimeout(function () { $(".banner0_text").stop().animate({ "top": "245px", "right": "468px", opacity: 1 }, 700); settimeout(function () { $(".banner0_btn").stop().animate({ "bottom": "60px", "right": "488px", opacity: 1 }, 700, function () { lose = 0; }); }, 250); }, 250); }, 0); }); }, 500); } function out_0() { settimeout(function () { $(".banner0_img").stop().animate({ "bottom": "-50px", "left": "500px", opacity: 0 }, 1000); settimeout(function () { $(".banner0_text").stop().animate({ "top": "215px", "right": "468px", opacity: 0 }, 700); settimeout(function () { $(".banner0_btn").stop().animate({ "bottom": "0", "right": "548px", opacity: 0 }, 700); $(".banner_bg0").css({ opacity: 0 }); }, 250); }, 250); }, 0); } function in_1() { lose = 0; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function () { $(".banner_bg1").stop().animate({ opacity: 1 }, function () { settimeout(function () { $(".banner1_img").stop().animate({ "top": "196px", "left": "710px", opacity: 1 }, 1000); settimeout(function () { $(".banner1_text").stop().animate({ "top": "210px", "left": "468px", opacity: 1 }, 700); settimeout(function () { $(".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 () { $(".banner1_img").stop().animate({ "top": "220px", "left": "750px", opacity: 0 }, 1000); settimeout(function () { $(".banner1_text").stop().animate({ "top": "180px", "left": "468px", opacity: 0 }, 700); settimeout(function () { $(".banner1_btn").stop().animate({ "top": "450px", "left": "420px", opacity: 0 }, 700).removeclass("anima"); $(".banner_bg1").stop().animate({ opacity: 0 }); }, 500); }, 300); }, 0); } function in_2() { lose = 0; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function () { $(".banner_bg2").stop().animate({ opacity: 1 }, function () { settimeout(function () { $(".banner2_img1").stop().animate({ "bottom": "0", "left": "460px", opacity: 1 }, 800); settimeout(function () { $(".banner2_img2").stop().animate({ "top": "118px", "left": "625px", opacity: 1 }, 1000); settimeout(function () { $(".banner2_title").stop().animate({ "top": "210px", "left": "938px", opacity: 1 }, 800); settimeout(function () { $(".banner2_text1").stop().animate({ "top": "340px", "left": "938px", opacity: 1 }, 800); settimeout(function () { $(".banner2_text2").stop().animate({ "top": "410px", "left": "938px", opacity: 1 }, 800); settimeout(function () { $(".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 () { $(".banner2_img1").stop().animate({ "bottom": "-150px", "left": "460px", opacity: 0 }, 800); settimeout(function () { $(".banner2_img2").stop().animate({ "top": "80px", "left": "625px", opacity: 0 }, 1000); settimeout(function () { $(".banner2_title").stop().animate({ "top": "210px", "left": "1238px", opacity: 0 }, 800); settimeout(function () { $(".banner2_text1").stop().animate({ "top": "340px", "left": "1238px", opacity: 0 }, 800); settimeout(function () { $(".banner2_text2").stop().animate({ "top": "410px", "left": "1238px", opacity: 0 }, 800); settimeout(function () { $(".banner2_text3").stop().animate({ "top": "470px", "left": "1238px", opacity: 0 }, 800); $(".banner_bg2").stop().animate({ opacity: 0 }); }, 150); }, 150); }, 150); }, 150); }, 300); }, 0); } function in_3() { lose = 0; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function () { $(".banner_bg3").stop().animate({ opacity: 1 }, function () { settimeout(function () { $(".banner3_img").stop().animate({ "bottom": "0", "left": "500px", opacity: 1 }, 1000); settimeout(function () { $(".banner3_text").stop().animate({ "top": "245px", "right": "468px", opacity: 1 }, 700); settimeout(function () { $(".banner3_btn").stop().animate({ "bottom": "60px", "right": "488px", opacity: 1 }, 700, function () { lose = 0; }); }, 250); }, 250); }, 0); }); }, 500); } function out_3() { settimeout(function () { $(".banner3_img").stop().animate({ "bottom": "-50px", "left": "500px", opacity: 0 }, 1000); settimeout(function () { $(".banner3_text").stop().animate({ "top": "215px", "right": "468px", opacity: 0 }, 700); settimeout(function () { $(".banner3_btn").stop().animate({ "bottom": "0", "right": "548px", opacity: 0 }, 700); $(".banner_bg3").css({ opacity: 0 }); }, 250); }, 250); }, 0); } function in_4() { lose = 0; picli.find("a").hide(); picli.eq(index).find("a").show(); settimeout(function () { $(".banner_bg4").stop().animate({ opacity: 1 }, function () { $(".banner4_img").css({ "top": "262px", "left": "378px", opacity: 0 }); $(".banner4_img").stop().animate({ "top": "102px", "left": "528px", opacity: 1 }, 2000, 'easeoutquart') }); settimeout(function () { $(".banner4_title1").stop().animate({ "top": "235px", "left": "960px", opacity: 1 }, 700) settimeout(function () { $(".banner4_title2").stop().animate({ "top": "235px", "left": "1118px", opacity: 1 }, 700) settimeout(function () { $(".banner4_title3").stop().animate({ "top": "235px", "left": "1280px", opacity: 1 }, 700) $(".banner4_text").stop().animate({ "top": "328px", "left": "960px", opacity: 1 }, 1000, function () { lose = 0; }) }, 200); }, 200); }, 200); }, 500); } function out_4() { settimeout(function () { $(".banner4_img").stop().animate({ "top": "262px", "left": "378px" }, 300, function () { $(".banner4_img").stop().animate({ "top": "-302px", "left": "928px", opacity: 0 }, 800, function () { $(".banner4_img").css({ "top": "132px", "left": "498px" }); }); }); $(".banner4_title1").stop().animate({ "top": "255px", "left": "960px", opacity: 0 }, 700) $(".banner4_title2").stop().animate({ "top": "255px", "left": "1118px", opacity: 0 }, 700) $(".banner4_title3").stop().animate({ "top": "255px", "left": "1280px", opacity: 0 }, 700) $(".banner4_text").stop().animate({ "top": "348px", "left": "960px", opacity: 0 }, 1000) $(".banner_bg4").stop().animate({ opacity: 0 }); }, 200); } }