var winWidth = document.documentElement.clientWidth; if(winWidth <= 996){ $('body').removeClass('desktop').addClass('mobile') }else{ $('body').addClass('desktop').removeClass('mobile') } /* 下拉菜单 例调用:Nav('#nav'); */ function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); },function (){ $(this).removeClass('on'); }) }; /* 搜索点击弹出效果 例调用:SerMax('#gp-serBtn2','#gp-search2'); */ function SerMax(id,main){ var serBtn = $(id); var wrapSer = $(main); serBtn.click(function(){ $(this).filter('#gp-serBtn2').fadeOut(300); $(this).filter('#gp-serBtn3').toggleClass('active'); if($(main).hasClass('no-overlay')){ wrapSer.toggleClass('active'); }else{ serFun () } }) function serFun (){ wrapSer.toggleClass('active'); if($(wrapSer).hasClass('active')){ $('body').css('overflow','hidden').addClass('searchActive'); $('.gp-overlay').fadeIn(300) }else{ wrapSer.removeClass('active'); $('.gp-overlay').fadeOut(300) $('body').css('overflow','auto').removeClass('searchActive'); } } $('.gp-overlay').click(function(){ serFun () }) //点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。 $(document).click(function(event){ var _con1 = serBtn // 设置目标区域 var _con2 = wrapSer; // 设置目标区域 if(!_con1.is(event.target) && _con1.has(event.target).length === 0 && !_con2.is(event.target) && _con2.has(event.target).length === 0){ wrapSer.removeClass('active') serBtn.delay(300).fadeIn(300) } }); } /* 移动端主导航 例调用:mobileMenu('#gp-menu'); */ function mobileMenu(id){ var oMenu = $(id); oMenu.find(".gp-menu-header .gp-menu-header-icon").click(function(){ oMenu.find(this).toggleClass("gp-menu-header-icon-click gp-menu-header-icon-out"); $('.mobile_bg').fadeToggle(300) oMenu.find(".gp-menu-nav").filter('.gp-menu-dropdown1').slideToggle(300);//下拉竖排 oMenu.find(".gp-menu-nav").filter('.gp-menu-dropdown2').slideToggle(300);//下拉横排 oMenu.find(".gp-menu-nav").filter('.gp-menu-dropdown2').find('ul:first').children('li').find('a.iconfont').attr('href','javascript:void(0)') // oMenu.find(".gp-menu-nav").filter('.gp-menu-offcanvas1').slideToggle(300);//下拉横排 oMenu.toggleClass('open'); $('.gp-logo').toggleClass('open') }); $('.mobile_bg').click(function(){ oMenu.find('.gp-menu-header-icon').toggleClass("gp-menu-header-icon-click gp-menu-header-icon-out"); oMenu.find(".gp-menu-nav").filter('.gp-menu-dropdown1,.gp-menu-dropdown2').slideToggle(300); $(this).fadeToggle(300) oMenu.removeClass('open'); $('.gp-logo').removeClass('open') }) oMenu.find(".gp-menu-nav > ul > li").each(function( index ) { var len = oMenu.find(".gp-menu-nav > ul > li").length; $( this ).css({'animation-delay': (index/len)+'s'}); }); oMenu.find(".gp-menu-nav li > ul").each(function() { var $this = $(this); $this.find('li').each(function(index){ var len = $this.find('li').length; $(this).css({'animation-delay': (index/len)+'s'}); }) }); oMenu.find('.gp-menu-nav li .gp-menu-arrow').click(function(){ if($(this).parent('li').hasClass('on')){ $(this).next('ul').slideUp(500) $(this).parent('li').removeClass('on') }else{ $(this).next('ul').slideDown(500); $(this).parent().siblings().find('ul').slideUp(500) $(this).parent().siblings().removeClass('on') $(this).parent('li').addClass('on') } }) oMenu.find('.gp-menu-nav').filter('.gp-menu-dropdown2').find('a.icon-down').click(function(){ if($(this).parent('li').hasClass('on')){ $(this).next('ul').slideUp(500) $(this).parent('li').removeClass('on') }else{ $(this).next('ul').slideDown(500); $(this).parent().siblings().find('ul').slideUp(500) $(this).parent().siblings().removeClass('on') $(this).parent('li').addClass('on') } }) } /* tab切换 例调用:$(".tab").tab({ev : 'mouseover',more : false,auto : false}); */ /* tab切换 例调用:$(".tab").tab2({ev : 'mouseover',more : false,auto : false}); */ ;(function($){ $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 2000, //自动切换间隔时间(毫秒) more : false //是否有more,false,true }; var options = $.extend(defaults, options); //用户设置参数覆盖默认参数 return this.each(function (){ var o = options; var obj = $(this); var oTil = obj.find('.til_tab'); var oBox = obj.find('.tabListBox'); var oMore = null; var iNum = 0; var iLen = oTil.length; obj.find('.til_tab').eq(0).addClass('on') obj.find('.tabListBox').eq(0).css('display','block').siblings().css('display','none') obj.find('.more_tab').eq(0).css('display','block') //鼠标事件绑定 oTil.bind(o.ev , function (){ var _this = this; if(o.ev == 'mouseover' && o.delay){ _this.timer = setTimeout(function (){ change(_this); },o.delay); }else{ change(_this); }; }) oTil.bind('mouseout',function (){ var _this = this; clearTimeout(_this.timer); }); //自动切换效果 (function autoPlay(){ var timer2 = null; if(o.auto){ function play(){ iNum++; if(iNum >= iLen){ iNum =0; }; change(oTil.eq(iNum)); }; timer2 = setInterval(play,o.speed); obj.on('mouseover',function (){ clearInterval(timer2); }) obj.on('mouseout',function (){ timer2 = setInterval(play,o.speed); }) }; })(); function change(box){ iNum = $(box).index(); oTil.removeClass('on'); oBox.css('display','none'); if(o.more){ oMore = obj.find('.more_tab'); oMore.css('display','none'); oMore.eq(iNum).css('display','block'); }; oTil.eq(iNum).addClass('on'); oBox.eq(iNum).css('display','block'); } }); }, tab2: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' delay : 200, //延迟时间 auto : true, //是否自动切换 true,false speed : 2000, //自动切换间隔时间(毫秒) more : false //是否有more,false,true }; var options = $.extend(defaults, options); //用户设置参数覆盖默认参数 return this.each(function (){ var o = options; var obj = $(this); var oTil = obj.find('.til_tab'); var oBox = obj.find('.tabListBox'); var oMore = null; var iNum = 0; var iLen = oTil.length; obj.find('.til_tab').eq(0).addClass('on') obj.find('.tabListBox').eq(0).addClass('show') obj.find('.more_tab').eq(0).css('display','block') //鼠标事件绑定 oTil.bind(o.ev , function (){ var _this = this; if(o.ev == 'mouseover' && o.delay){ _this.timer = setTimeout(function (){ change(_this); },o.delay); }else{ change(_this); }; }) oTil.bind('mouseout',function (){ var _this = this; clearTimeout(_this.timer); }); //自动切换效果 (function autoPlay(){ var timer2 = null; if(o.auto){ function play(){ iNum++; if(iNum >= iLen){ iNum =0; }; change(oTil.eq(iNum)); }; timer2 = setInterval(play,o.speed); obj.on('mouseover',function (){ clearInterval(timer2); }) obj.on('mouseout',function (){ timer2 = setInterval(play,o.speed); }) }; })(); function change(box){ iNum = $(box).index(); oTil.removeClass('on'); oBox.addClass('hide').removeClass('show') if(o.more){ oMore = obj.find('.more_tab'); oMore.css('display','none'); oMore.eq(iNum).css('display','block'); }; oTil.eq(iNum).addClass('on'); oBox.eq(iNum).addClass('show').removeClass('hide') // $('.tabList4').find('.slick-slider').eq(iNum).slick('slickNext',1) } }); } }) })(jQuery); /* 返回顶部 */ $(window).scroll(function(){ var docHeight = $(document).height() var winHeight = $(window).height(); var scrollTop = $(window).scrollTop(); if(scrollTop >= 165){ $('.gp-goTop').fadeIn(500) }else{ $('.gp-goTop').fadeOut(500) } if(scrollTop >= docHeight - winHeight){ $('.gp-goTop-fixed').addClass('bottom') }else{ $('.gp-goTop-fixed').removeClass('bottom') } }) // var goTopHtml = '' // $(goTopHtml).insertAfter('footer') $('.gp-goTop').click(function(){ $('body,html').stop().animate({scrollTop:0}); return false; }); /* 奇数偶数不同的样式 例调用: odd= {"background":"#fff","color":"#666"};//奇数样式 even={"background":"#f7f7f5","color":"#666"};//偶数样式 单个元素: odd_even('.list',odd,even,'tr'); 多个元素: odd= {"background":"#fff","color":"#666"};//奇数样式 even={"background":"#f7f7f5","color":"#666"};//偶数样式 $('.list').each(function(){ odd_even($(this),odd,even,'tr'); }) */ function odd_even(id,odd,even,className){ $(id).find(className).each(function(index,element){ if(index % 2 == 1){ $(this).css(odd); $(this).addClass('odd'); } else{ $(this).css(even); $(this).addClass('even'); } }); } /* 侧边栏三级 例调用: asideMenu('#gp-subLeft') */ function asideMenu(menu){ //当前状态高亮 $(menu).find('.active').each(function(){ if($(this).parents('dl').hasClass('gp-second-nav')){ $(this).parents('dl').css('display','block'); $(this).parents('li').addClass('active') $(this).parents('li').find('.gp-toggles').addClass('icon-down').removeClass('icon-right'); } }) $(menu).find('.gp-toggles').click(function(){ if($(this).parents('li').hasClass('active')){ $(this).addClass('icon-right').removeClass('icon-down') $(this).next('.gp-second-nav').slideUp(500) $(this).parents('li').removeClass('active') }else{ $(this).addClass('icon-down').removeClass('icon-right'); $(this).next('.gp-second-nav').slideDown(500); $(this).parents('li').siblings().find('.gp-second-nav').slideUp(500) $(this).parents('li').siblings().removeClass('active') $(this).parents('li').siblings().find('.gp-toggles').addClass('icon-right').removeClass('icon-down') $(this).parents('li').addClass('active') } }) } //移动端侧边栏菜单 function mobileAsideMenu(menu,main){ var winWidth = document.documentElement.clientWidth; if(winWidth <= 996){ //移动端 $(menu).find('.gp-m-inner-header').click(function(){ $(this).find('.gp-m-inner-header-icon').toggleClass("gp-m-inner-header-icon-click gp-m-inner-header-icon-out"); $(this).find('.iconfont').toggleClass("icon-jia icon-jian") $(menu).find("ul").slideToggle(500); }); }else{ $('body').addClass('desktop').removeClass('mobile') } // $('.gp-subNavm').find('.gp-m-toggle').click(function(){ // if($(this).parents('li').hasClass('active')){ // $(this).addClass('icon-right').removeClass('icon-down') // $(this).next('dl').slideUp(500) // $(this).parents('li').removeClass('active') // }else{ // $(this).addClass('icon-down').removeClass('icon-right'); // $(this).next('dl').slideDown(500); // $(this).parents('li').siblings().find('dl').slideUp(500) // $(this).parents('li').siblings().removeClass('active') // $(this).parents('li').siblings().find('.gp-m-toggle').addClass('icon-right').removeClass('icon-down') // $(this).parents('li').addClass('active') // } // }) }; //头部置顶固定 function headerFix(){ var iWSon = document.documentElement.clientWidth; var $windowHeight = $(window).height(); var bodyHeight = $(document.body).height(); var $headerHeight = $('header').height(); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop >= $headerHeight && bodyHeight > $windowHeight+$headerHeight*2){ if(iWSon > 1020){ $('header,body').addClass('currents'); $('body').css('padding-top',$headerHeight); }else{ $('header,body').removeClass('currents'); $('body').css('padding-top','0'); } }else{ $('header,body').removeClass('currents'); $('body').css('padding-top','0'); } }) } // 分页 $(function(){   $('.selectDiv').mouseenter(function() { $(this).children('ul').addClass('on') }) $('.selectDiv').mouseleave(function() { $(this).children('ul').removeClass('on') }) }); /* 显示今日日期,格式: 年-月-日 星期* 例调用:GetDate('#date'); */ function GetDate(id) { var date = new Date(); var year = date.getFullYear(); var mounth = date.getMonth() + 1; var day = date.getDate(); var week = "日一二三四五六".charAt(date.getDay()); $(id).text(year + "年" + mounth + "月" + day + "日 " + "星期" + week); } var gpAsideConf $(function() { for (var i in gpAsideConf) { var aDiv = $('.gp-subLeft').find('a'); aDiv.each(function(e) { if (gpAsideConf[i].show == 'false' && ($(this).attr('data-id') == gpAsideConf[i].id)) { $(this).parent().remove() $(this).next().remove(); $(this).next('dl').remove(); } }) } });var gpAsideConf = [{"name":"研究院概况","show":false,"id":"863ab64210ca42c7a05c8aded51d4c75"},{"name":"新闻动态","show":false,"id":"57b26cbe2e61430cbc699969cc79270b"},{"name":"研究团队","show":false,"id":"f973acc4401f4bb0915b252e8f7b7d32"},{"name":"研究成果","show":false,"id":"13eb7bdf01c8447cb32f5044a7c0fa40"},{"name":"招贤纳士","show":false,"id":"73f1dc9945ff48d694b796127f1923a0"},{"name":"友情链接","show":false,"id":"81f1d479a9324eaabc0569b58daa01df"},{"name":"大图轮播","show":false,"id":"e64ca002109147a4ad7d7cf6cf17a462"},{"name":"简介","show":false,"id":"94df92770c5e4b84821cc2091a56436f"},{"name":"院长致辞","show":false,"id":"fcc733947eb444b697f45a9b21f8cb10"},{"name":"组织架构","show":false,"id":"368d1c028f554f4d8a1f1b1d55f23dbc"},{"name":"联系我们","show":false,"id":"d1c4dc21207c4113bd2b2a27b455baa4"},{"name":"领导团队","show":false,"id":"41cee04ed6f04991bd5de78ca895a53e"},{"name":"咨询委员会","show":false,"id":"0797c7a2d8374a6dad576d4b9f8b0629"},{"name":"研究机构","show":false,"id":"a69fb7fe43e14ad08de3eae136433eed"},{"name":"联系方式","show":false,"id":"4024d4d619ac45f39034029ca9b020b7"},{"name":"校园导航","show":false,"id":"5d0e22d7cb86447c9f47f83476c918f5"},{"name":"通知公告","show":false,"id":"c7fb065954a54dd080d94b63e4eda0bd"},{"name":"工作动态","show":false,"id":"5025d280ccdb46948984695d05ecddee"},{"name":"学术交流","show":false,"id":"35e7fd397ed3490793dba72abd7e68ec"},{"name":"首席专家","show":false,"id":"9dee4e075ba14b55aebef8469ecafe94"},{"name":"特聘专家","show":false,"id":"392ee49dd352416ea961e8ab0a7449bd"},{"name":"特约研究员","show":false,"id":"e32031805e254e57bd0e01b140a20dba"},{"name":"专职研究员","show":false,"id":"f66a04f0431c4d2e962da1312dc07d65"},{"name":"博士后","show":false,"id":"ba7a4efdccb640c7bf2910d1fc53cc10"},{"name":"专家观点","show":false,"id":"31148d7d904f4c7b8b7251981ab2fb9c"},{"name":"最新成果","show":false,"id":"86e645ec2a59462eb299444dafd221e7"},{"name":"研究报告","show":false,"id":"683d0f0f8b8743dda2d2bc8c97a7f000"},{"name":"研究员","show":false,"id":"deccd39cf54d4bcea44a3272701b921f"},{"name":"博士后","show":false,"id":"912219844ea94ba7b5a66a59a310bc7e"},{"name":"工作人员","show":false,"id":"e30be6e684e7411cbbb51da89b2fd6bf"},{"name":"临时侧栏文字列表页","show":false,"id":"86d2007fff254b25967860b3ed872da3"},{"name":"临时栏目跳转子栏目","show":false,"id":"814ab9c6d0e543c3bbc3e5896946d8bd"},{"name":"临时通栏文字列表页","show":false,"id":"9ab353280cbf42489f4c61ccc9e170a4"},{"name":"临时通栏图片列表页","show":false,"id":"29c6058b345f4b8e8510c51f38a882dc"},{"name":"临时通栏简介页","show":false,"id":"bc11169b65c24007b6da5f977f2f84f8"},{"name":"临时侧栏图片列表页","show":false,"id":"76605c4eb1c74b83bd9e86cd201bd81a"},{"name":"临时侧栏简介页","show":false,"id":"a17c512bb2644969a5ccc5a76677a184"},{"name":"临时侧栏文章页","show":false,"id":"3292cffa46374bd4923f5c849eedb798"},{"name":"临时通栏文章页","show":false,"id":"4b670cafb4904625af933a636585f1a6"},{"name":"友情链接一","show":false,"id":"e298838b307743f9a70e1efc5f0d1e07"},{"name":"友情链接二","show":false,"id":"215da38c7e054e4ab58c3dbf19a8fe05"},{"name":"友情链接三","show":false,"id":"9880e7c2c3c04a1988bdca28285b2ab8"},{"name":"友情链接四","show":false,"id":"909f101696ec4e2c9cc3b794d0f05f24"}];