/*导航条*/ $(function(){ $('.nav20 .nav li').mouseenter(function(){ var width=$(this).outerWidth(); var left=$(this).position().left; var index=$(this).index('.nav20 .nav li'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.nav').find('.line').css({'width':width}).stop().animate({'left':left}); }); }); /*手机header导航*/ $(function(){ $('.headerwrap .header .c1').on('click',function(event){ var isOpen=$(this).closest('.headerwrap').hasClass('open'); $(this).closest('.headerwrap')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); }); /* 首页轮播图 */ $(function(){ var intervalTime = 3000, continueTime = 800, index = 0, timeTask, _width; var _length = $('.container1 .c-left .banner1 .pic li').length - 1; var _width=$('.container1 .c-left .banner1').width(); $('.banner1 .bar li').mouseover(function(){ clearInterval(timeTask); index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.container1 .c-left .content .i-body').eq(index).addClass('active').siblings().removeClass('active'); $('.container1 .c-left .banner1 .pic').animate({'left':-index*_width}); timeTask = setInterval(slideImg, intervalTime); }); //定时器 function slideImg(){ index = index>=_length?0:++index; $('.banner1 .bar li').eq(index).addClass('active').siblings().removeClass('active'); $('.container1 .c-left .content .i-body').eq(index).addClass('active').siblings().removeClass('active'); $('.container1 .c-left .banner1 .pic').animate({'left':-index*_width}); } timeTask = setInterval(slideImg, intervalTime); }); /*动态tab*/ $(function(){ $('.container2 .tab .tab-header li').mouseenter(function(){ var width=$(this).outerWidth(); var left=$(this).position().left; var index=$(this).index('.container2 .tab .tab-header li'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.tab-header').find('.line').css({'width':width}).stop().animate({'left':left}); $('.container2 .tab .tab-body ul').eq(index).addClass('active').siblings().removeClass('active'); }); }); $(document).ready(function(){ $("#layout-t span:first").addClass("current"); $("#layout-t .tab-bd-con:gt(0)").hide(); $("#layout-t span").mouseover(function(){//mouseover 改为 click 将变成点击后才显示,mouseover是滑过就显示 $(this).addClass("current").siblings("span").removeClass("current"); $("#layout-t .tab-bd-con:eq("+$(this).index()+")").show().siblings(".tab-bd-con").hide().addClass("current"); }); $(".list-tweet >li").mouseover(function(){ $(this).removeClass("drink-me"); $(this).addClass("eat-me"); $(".list-tweet >li:first").removeClass("eat-me"); $(".list-tweet >li:first").addClass("drink-me"); }); $(".list-tweet >li").mouseout(function(){ $(this).removeClass("eat-me"); $(this).addClass("drink-me"); $(".list-tweet >li:first").addClass("eat-me"); $(".list-tweet >li:first").removeClass("drink-me"); }); $(".list-tweet >li").mouseover(function(){ $(this).removeClass("drink-me"); $(this).addClass("eat-me"); }); }); /*大事记tab*/ ;( function( window ) { 'use strict'; function extend( a, b ) { for( var key in b ) { if( b.hasOwnProperty( key ) ) { a[key] = b[key]; } } return a; } function CBPFWTabs( el, options ) { this.el = el; this.options = extend( {}, this.options ); extend( this.options, options ); this._init(); } CBPFWTabs.prototype.options = { start : 0 }; CBPFWTabs.prototype._init = function() { // tabs elems this.tabs = [].slice.call( this.el.querySelectorAll( 'nav > ul > li' ) ); // content items this.items = [].slice.call( this.el.querySelectorAll( '.content-wrap > section' ) ); // current index this.current = -1; // show current content item this._show(); // init events this._initEvents(); }; CBPFWTabs.prototype._initEvents = function() { var self = this; this.tabs.forEach( function( tab, idx ) { tab.addEventListener( 'click', function( ev ) { ev.preventDefault(); self._show( idx ); } ); } ); }; CBPFWTabs.prototype._show = function( idx ) { if( this.current >= 0 ) { this.tabs[ this.current ].className = this.items[ this.current ].className = ''; } // change current this.current = idx != undefined ? idx : this.options.start >= 0 && this.options.start < this.items.length ? this.options.start : 0; this.tabs[ this.current ].className = 'tab-current'; this.items[ this.current ].className = 'content-current'; }; // add to global namespace window.CBPFWTabs = CBPFWTabs; })( window ); /*科协组织tab*/ $(function(){ $('.container10 .c-right .tab2 .tab-header li').on('click',function(){ var width=$(this).outerWidth(); var index=$(this).index('.container10 .c-right .tab .tab-header li'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.tab-header').on('click',function(){ $(this).closest('.tab-header').find('.line').stop().animate({'left':index*width-1}); $('.container10 .c-left .c-body .tab .tab-body dd').siblings().removeClass('active'); $('.container10 .c-right .tab .tab-body li').eq(index).addClass('active').siblings().removeClass('active'); }); }); /*左年份tab*/ $('.container10 .c-left .c-body .tab .tab-header li').on('click',function(){ var width=$(this).outerWidth(); var index=$(this).index('.container10 .c-left .c-body .tab .tab-header li'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.tab-header').on('click',function(){ $(this).closest('.tab-header').find('.line').stop().animate({'left':index*width}); $('.container10 .c-left .c-body .tab .tab-body dd').siblings().removeClass('active'); $('.container10 .c-left .c-body .tab .tab-body li').eq(index).addClass('active').siblings().removeClass('active'); }); }); $('.container10 .c-right .tab2 .tab-header dd').mouseenter(function(){ var width=$(this).outerWidth(); var index=$(this).index('.container10 .c-right .tab .tab-header dd'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.tab-header').on('click',function(){ $('.container10 .c-right .c-body .tab .tab-body li').siblings().removeClass('active'); $('.container10 .c-right .c-body .tab .tab-body dd').eq(index).addClass('active').siblings().removeClass('active'); }); }); $('.container10 .c-left .tab .tab-header dd').mouseenter(function(){ var width=$(this).outerWidth(); var index=$(this).index('.container10 .c-left .c-body .tab .tab-header dd'); $(this).addClass('active').siblings().removeClass('active'); $(this).closest('.tab-header').on('click',function(){ $('.container10 .c-left .c-body .tab .tab-body li').removeClass('active'); $('.container10 .c-left .c-body .tab .tab-body dd').eq(index).addClass('active').siblings().removeClass('active'); }); }); }); $(function(){ /*服务窗口*/ var step=0; var index=$('.container3 .c-body .content .box ul li').length; var _width=$('.container3 .c-body .content .box ul li').width(); $('.container3 .c-body .icon-arrow-right').on('click',function(){ if(step<6){ step+=3; }else if(step==6){ step=7; } $('.container3 .c-body .content .box').animate({'left':-step*_width}); if(step==7){ step=-3; } }); $('.container3 .c-body .icon-arrow-left').on('click',function(){ //number=(number<=0)?0:(number-3); if(step<3){ step=0; }else if(step>=3){ step-=3; } $('.container3 .c-body .content .box').animate({'left':-step*_width}); }); }); $(function(){ $('.nav20 .nav-btn').on('click',function(event){ var isOpen=$(this).closest('.nav20').hasClass('open'); $(this).closest('.nav20')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.nav20').removeClass('open'); event.stopPropagation(); }); }); /*响应式导航按钮*/ $(function(){ $('.container9 .c-left .c-body .tab .fa-list-ul').on('click',function(event){ var isOpen=$(this).closest('.tab').hasClass('open'); $(this).closest('.tab')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.tab').removeClass('open'); event.stopPropagation(); }); }); /*大事记*/ $(function(){ $('.container9 .c-left .c-body .tab .fa-list-ul').on('click',function(event){ var isOpen=$(this).closest('.tab').hasClass('open'); $(this).closest('.tab')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.tab').removeClass('open'); event.stopPropagation(); }); }); /*大事记——更多*/ $(function(){ $('.container9 .c-left .c-body .tab .tab-header .more').on('click',function(event){ var isOpen=$(this).hasClass('open'); $(this).closest('.tab-header').find('dl')[isOpen?'hide':'show'](); if(isOpen==false){ $(this).closest('.tab-header').height(120); }else{ $(this).closest('.tab-header').height(80); } $(this)[isOpen?'removeClass':'addClass']('open'); }); }); /*创新服务*/ $(function(){ $('.youqinglianjie .c-body .c-right li a').click(function(){ var isOpen=$(this).closest('li').hasClass('open'); $(this).closest('li')[isOpen?'removeClass':'addClass']('open'); }); }); /* 公用轮播图 */ $(function(){ var intervalTime = 3000, continueTime = 800, index = 0, timeTask; var _length = $('.commonLunBoPic .pic').length - 1; $('.commonLunBoPic .bar li').click(function(){ clearInterval(timeTask); index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.commonLunBoPic .pic').eq(index).addClass('active').siblings().removeClass('active'); timeTask = setInterval(slideImg, intervalTime); }); //定时器 function slideImg(){ index = index>=_length?0:++index; $('.commonLunBoPic .bar li').eq(index).addClass('active').siblings().removeClass('active'); $('.commonLunBoPic .pic').eq(index).addClass('active').siblings().removeClass('active'); } timeTask = setInterval(slideImg, intervalTime); }); /*新闻页——响应式小导航按钮*/ $(function(){ $('.yidongMenu .menu2 .fa').on('click',function(event){ var isOpen=$(this).closest('.menu2').hasClass('open'); $(this).closest('.menu2')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.menu2').removeClass('open'); event.stopPropagation(); }); }); $(function(){ $('.yidongMenu .menu1 .fa').on('click',function(event){ var isOpen=$(this).closest('.menu1').hasClass('open'); $(this).closest('.menu1')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.menu1').removeClass('open'); event.stopPropagation(); }); }); $(function(){ $('.yidongMenupad .menu2 .fa').on('click',function(event){ var isOpen=$(this).closest('.menu2').hasClass('open'); $(this).closest('.menu2')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.menu2').removeClass('open'); event.stopPropagation(); }); }); $(function(){ $('.yidongMenupad .menu1 .fa').on('click',function(event){ var isOpen=$(this).closest('.menu1').hasClass('open'); $(this).closest('.menu1')[isOpen?'removeClass':'addClass']('open'); event.stopPropagation(); }); $('body').on('click',function(event){ $('.menu1').removeClass('open'); event.stopPropagation(); }); });