$(function(){ /*首页banner轮换*/ $.indexBanner = { container:$("#index-banner"), banners:$("#slideBannerContainer"), thumbnails:$("#slideBannerNav-inner"), navBg:$("#slideNavBg"), navBgHide:function(){ var _navBg = this.navBg; var resetPosition = _navBg.height(); _navBg.css("bottom", -resetPosition); }, thumbnailsHide:function(){ var _thumbnails = this.thumbnails; _thumbnails.children().css("opacity", "0"); }, navShow:function(){ var _container = this.container; var _navBg = this.navBg; var _thumbnails = this.thumbnails; var resetPosition = _navBg.height(); var thumbnailTime = 600; _container.hover(function(){ _navBg.stop(true,true).animate({"bottom":"0px"},"fast"); _thumbnails.children().animate({opacity:"1"}, thumbnailTime); clearInterval($.indexBanner.t); //alert($.indexBanner.t); },function(){ _navBg.stop(true,true).animate({"bottom":-resetPosition},"fast"); _thumbnails.children().stop(true, true).css("opacity", "0"); $.indexBanner.t = setInterval($.indexBanner.autoShow, 5000); }); }, navBindClick:function(){ var _banners = this.banners; var _thumbnails = this.thumbnails; _thumbnails.children().click(function(){ var showIndex = $(this).index(); var currentIndex = _banners.children(".current").index(); var startPosition = $(window).width(); if(showIndex != currentIndex){ _banners.children().eq(showIndex).css({"left":-startPosition, "z-index":6}).animate({"left":"0px"}, {duration:1500, complete: function(){ $(this).css("z-index", 5).addClass("current").siblings().removeClass("current").css("z-index", 4); } }); $(this).addClass("current").siblings().removeClass("current"); } }); }, autoShow:function(){ var _banners = $.indexBanner.banners; var _thumbnails = $.indexBanner.thumbnails; var currentIndex = _banners.children(".current").index(); var totalNum = _banners.children().size(); var showIndex = currentIndex + 1; if(showIndex >= totalNum){ showIndex = 0; } _thumbnails.children().eq(showIndex).click(); }, init:function(){ this.navBgHide(); this.thumbnailsHide(); this.navShow(); this.navBindClick(); this.t = setInterval(this.autoShow, 5000); } }; /*首页banner初始化*/ $.indexBanner.init(); });