nie.config.copyRight.setGray();var nieCarousel = (function ($) { var defaultOptions = { children: '.center-slide-box a', nextBtn: '.slide-next', prevBtn: '.slide-prev', navList:'.center-slide-nav li', box:'.center-slide', resNav:'.center-slide-res-nav li', autoPlay: true } var current = 0; var tempCurrent=0;//for click event var transfer = false; var nieCarousel = function (box, options) { this.options = $.extend({}, defaultOptions, options); this._$children = $(this.options.children); this._$nav = $(this.options.navList); this._$resNav=$(this.options.resNav); this._num = this._$children.length; this._autoPlay=this.options.autoPlay; this._$box=$(this.options.box); this.init(); } nieCarousel.prototype.initNext = function () { var self = this; var num = self._num; var $ele = $(self.options.nextBtn); function showNext() { if (!transfer) { transfer = true; if(current+1==self._num){ self._$children.eq(0).css({left:'100%'}) } self._$children.eq(current % num).animate({ left: '-100%' }, 300); self._$children.eq(++current % num).animate({ left: '0%' }, 300, function () { transfer = false; self._$children.eq((current-1)%num).css({'left':'-100%'}); self._$children.eq((current+1)).css({'left':'100%'}) }); navTransfer(); } } function navTransfer(){ current%num==0?current=0:''; $('.center-slide-nav li .default').eq(current-1).animate({ top:'0' }).parent().removeClass('on'); $('.center-slide-nav li .default').eq(current).animate({ top:'-100%' }).parent().addClass('on'); self._$resNav.eq(current).addClass('on'); self._$resNav.eq(current-1).removeClass('on'); if(self.setTimeOutId&&!($.browser.msie&& $.browser.version=='6.0')){ $('.progress-inner').removeClass('progress-loading'); $('.progress-inner').eq((current+1)%self._num).addClass('progress-loading'); } } $ele.click(showNext); } nieCarousel.prototype.initPrev = function () { var self = this; var num = self._num; var $ele = $(self.options.prevBtn); function showPrev() { if (!transfer) { transfer = true; if(current%self._num==0){ self._$children.eq(-1).css({left:'-100%'}) } self._$children.eq(current % num).animate({ left: '100%' }, 300); self._$children.eq(--current % num).animate({ left: '0%' }, 300,function(){ transfer=false; self._$children.eq((current-1)%num).css({'left':'-100%'}); self._$children.eq((current+1)%num).css({'left':'100%'}) }); navTransfer(); current%num==0?current=0:''; } } function navTransfer(){ self._$nav.find('.default').eq(current+1).animate({ top:'0' }).parent().removeClass('on'); self._$nav.find('.default').eq(current).animate({ top:'-100%' }).parent().addClass('on'); self._$resNav.eq(current).addClass('on'); self._$resNav.eq(current+1).removeClass('on'); } $ele.click(showPrev); } nieCarousel.prototype.initNav = function () { var self = this; function setNavClickFn(index){ tempCurrent=current; current=index; var leftPos; if(!transfer&&(tempCurrent!=current)){ transfer=true; self._$nav.eq(tempCurrent).removeClass('on'); self._$resNav.eq(tempCurrent).removeClass('on'); self._$nav.eq(tempCurrent).find('.default').animate({ top:0 }) $(this).addClass('on'); current>tempCurrent?leftPos='-100%':leftPos='100%'; current>tempCurrent?self._$children.eq(current).css('left','100%'):self._$children.eq(current).css('left','-100%'); self._$children.eq(tempCurrent).animate({ left:leftPos }) self._$children.eq(current).animate({ left:0 },function(){ transfer=false; self._$children.not(current).each(function(index){ if(index>current){ $(this).css({left:'100%'}) }else{ $(this).css({left:'-100%'}) } if(index==current){ $(this).css('left','0') } }) }) } } self._$nav.each(function (index) { $(this).hover(function () { self._$nav.not('.on').find('.default').stop().animate({ top:'0' }) self._$nav.eq(index).find('.default').stop().animate({ top:'-100%' }) },function(){ !$(this).hasClass('on')&&$(this).find('.default').animate({ top:'0' }) }) $(this).click(function(){ setNavClickFn.call(this,index); }); }) self._$resNav.each(function(index){ $(this).click(function(){ setNavClickFn.call(this,index); }) }) } nieCarousel.prototype.autoPlay = function () { var self=this; this.setTimeOutId=setInterval(function(){ $(self.options.nextBtn).trigger('click') },3000) } nieCarousel.prototype.hoverEvent=function(){ var self=this; self._$box.hover(function(){ clearInterval(self.setTimeOutId); self.setTimeOutId=0; //watch if user click or auto play $('.progress-inner').removeClass('progress-loading'); },function(){ self._autoPlay&&self.autoPlay(); self._autoPlay&&!($.browser.msie&& $.browser.version=='6.0')&&$('.progress-inner').eq((current+1)%self._num).addClass('progress-loading'); }) } nieCarousel.prototype.initDefault=function(){ var self = this; var isFirst = false; this._$children.each(function (index) { index == 0 ? isFirst = true : isFirst = false; (!isFirst) && $(this).css({ left: '100%' }) }); this._$nav.find('.num').each(function(i){ $(this).html(i+1); }) this._$nav.eq(0).addClass('on').find('.default').css('top','-100%'); this._autoPlay&&!($.browser.msie&& $.browser.version=='6.0')&&$('.progress-inner').eq(1).addClass('progress-loading'); } nieCarousel.prototype.init = function () { this.initDefault(); this.initNext(); this.initPrev(); this.initNav(); this._autoPlay&&this.autoPlay(); this.hoverEvent(); } return nieCarousel;})(jQuery);$(function () { //set default speeds !override $.fx.speeds._default $.fx.speeds._default=300; var carousel = new nieCarousel('.center-slide-box', { children: '.center-slide-box a', nextBtn: '.slide-next', prevBtn: '.slide-prev', navList:'.center-slide-nav li', autoPlay:true }); /** * window resize set height */ $(window).resize(function(){ if($(window).width()<1000){ $('.center-slide').height($('.center-slide').width()*0.55); $('.center-news').height($('.center-slide').height()+1); }else{ $('.center-news').height(405); $('.center-slide').height(406); } if($(window).width()<768){ } }) if($(window).width()<1000){ $('.center-slide').height($('.center-slide').width()*0.55); $('.center-news').height($('.center-slide').height()+1); }else{ $('.center-news').height(405); $('.center-slide').height(406); } //entrance-list-res (function(){ var $ele= $('.entrance-list-ul li:not(.entrance-list-btn)'), length=$ele.length, next=true, prev=false, status=length%9; //for 768 function ipadEntrance(){ next&&(function(){ $('.entrance-list-next').removeClass('disabled'); $('.entrance-list-prev').addClass('disabled'); $ele.removeClass('res-hide'); for(var index=-status;index<0;index++){ $ele.eq(index).addClass('res-hide'); } }()); prev&&(function(){ $('.entrance-list-prev').removeClass('disabled'); $('.entrance-list-next').addClass('disabled'); $ele.removeClass('res-hide'); for(var index=0;index 3?'':$ele.eq(i).addClass('res-group-show'); } function init(){ $next.click(function(){ var current=(++nowCount)%groups, domEle=$('.res-group-'+current); $ele.removeClass('res-group-show'); domEle.addClass('res-group-show'); $eleNav.removeClass('current').eq(current).addClass('current'); nowCount%groups==0?nowCount=0:''; }) $prev.click(function(){ var current=(--nowCount)%groups, ii=current<0?(current+groups):current domEle=$('.res-group-'+ii); $ele.removeClass('res-group-show'); domEle.addClass('res-group-show'); $eleNav.removeClass('current').eq(current).addClass('current'); nowCount%groups==0?nowCount=0:''; }) $eleNav.each(function(i){ $(this).click(function(){ nowCount=i; $eleNav.removeClass('current').eq(i).addClass('current'); var domEle=$('.res-group-'+i); $ele.removeClass('res-group-show'); domEle.addClass('res-group-show'); }) }) } return{ init:init } }()) entranceScroll.init(); //mobile-list-res added by mrF 2014-5-8 var mgameLength = $('.mgame-list-pic').find('li').length,len; mgameLength%3 == 0?len = parseInt(mgameLength/3):len = parseInt(mgameLength/3)+1 for(var i = 0;i '); } $('.mgame-list-pic-nav-tab').eq(0).addClass('current'); $('.mgame-list-pic-nav-tab').hover(function(){ var num = $(this).index(); $(this).addClass('current'); $(this).siblings().stop(false,true).removeClass('current'); $('.mgame-list-pic').stop().animate({'left':num*(-1017)+'px'},250); })}) 滚动HTML代码
