$(function(){ /*首页通知公告*/ var swipernotice = new swiper('.js_notice', { pagination: '.swiper-pagination', paginationclickable: true, nextbutton: '.swiper-button-next', prevbutton: '.swiper-button-prev', spacebetween: 0, direction: 'vertical', autoplay: 2500, autoplaydisableoninteraction: false }); /*导航*/ var navanimate = new timelinemax(); navanimate.to( ".p-menumodal",0,{x:1920},0 ); navanimate.staggerto( ".modal_menu li",0.1,{opacity:0,y:5,x:5},0 ); navanimate.to( ".modal_closebtn",0,{opacity:0},0 ); $(".menu_btn").bind("click",function(){ // console.log(1) $("html").addclass("overflow"); var navanimate = new timelinemax(); navanimate.to( ".p-menumodal",0.5,{delay:0.2,x:0, ease: linear.easein},0.2 ); navanimate.staggerto( ".modal_menu li",.5,{opacity:1,y:0,x:0, ease: linear.easein},.05 ); navanimate.to( ".modal_closebtn",0.2,{opacity:1, ease: linear.easein},0.2 ); }) $(".modal_closebtn").bind("click",function(){ // console.log(1) $("html").removeclass("overflow"); var navanimate = new timelinemax(); navanimate.to( ".p-menumodal",0.5,{delay:0.2,x:1920, ease: linear.easeout},0.2 ); navanimate.staggerto( ".modal_menu li",.5,{opacity:0,y:5,x:5, ease: linear.easeout},.05 ); navanimate.to( ".modal_closebtn",0.2,{opacity:0, ease: linear.easeout},0.2 ); }) // var navanimate2 = new timelinemax(); // $(".header_nav li").bind("mouseenter",function(){ // var w = $(this).find("a").outerwidth(); // var l = $(this).position().left; // var ml=$(this).find("a").css("marginleft"); // // console.log(ml) // navanimate2.clear(); // navanimate2.to(".nav_line",0.4,{opacity:1,left:l,width:w,marginleft:ml}); // }); // $(".header_nav li").bind("mouseleave",function(){ // navanimate2.clear(); // navanimate2.to(".nav_line",0.4,{opacity:0}); // }); /*头部导航*/ $(".header_nav>ul>li").each(function(){ var w=($(this).outerwidth()-63)/2+"px"; // alert(w) var l=$(".header_nav>ul>li>a").position().left; var w2left=$(".header_nav>ul>li>a").find("em").outerwidth()/2; $(".header_nav .line").css({"left":l,"margin-left":w}) $(".header_nav>ul>li").hover(function(){ var w2left=$(this).find("em").outerwidth()/2; var w=($(this).outerwidth()-63)/2+"px"; var l=$(this).position().left; $(".header_nav .line").stop().animate({"opacity":1,"left":l,"margin-left":w},{duration:400,easing:"swing"}); },function(){ var w2left=$(this).find("em").outerwidth()/2; var w=($(this).outerwidth()-63)/2+"px"; var l=$(this).position().left; $(".header_nav .line").stop().animate({"opacity":0,"left":l},{duration:400,easing:"swing"}); }) }) $(function(){ //导航样式 function fnnav(el){ $(el).css({"opacity":"1","height":"60px"}); } $(".header_nav>ul>li").hover(function(){ $(this).find(".hidden_nav").stop().slidedown(400,function(){ fnnav(this); }) },function(){ $(this).find(".hidden_nav").stop().fadeout(200,function(){ fnnav(this); }) }); $(".header_nav>ul>li .hidden_nav").hover(function(){ fnnav(this); }) //导航样式end }) /*tab切换*/ jquery.jqtab = function(tabtit,tab_conbox,shijian) { $(tab_conbox).find(".item").hide(); $(tabtit).find("li:first").addclass("on").show(); $(tab_conbox).find(".item:first").show(); $(tabtit).find("li").bind(shijian,function(){ $(this).addclass("on").siblings("li").removeclass("on"); var activeindex = $(tabtit).find("li").index(this); $(tab_conbox).children().eq(activeindex).show().siblings().hide(); return false; }); }; /*调用方法如下:*/ $.jqtab(".language_tit",".list_aboutpage .cont","click"); $('.inner_nav .title').click(function(){ $(this).toggleclass('hopen'); $('.inner_nav ul').toggleclass('ulopen'); }) $('.recurit_list li .title').on("click", function () { $(this).toggleclass("on"); $('.recurit_list li .title').not($(this)).removeclass("on"); $(this).next().slidetoggle(100); $('.recurit_list li .cont').not($(this).next()).slideup('fast'); }); /*首页友情连接*/ $(".select").each(function(){ var s=$(this); var z=parseint(s.css("z-index")); var dt=$(this).children("dt"); var dd=$(this).children("dd"); var _show=function(){dd.slidedown(200);dt.addclass("cur");s.css("z-index",z+1);}; //展开效果 var _hide=function(){dd.slideup(200);dt.removeclass("cur");s.css("z-index",z);}; //关闭效果 dt.click(function(){dd.is(":hidden")?_show():_hide();}); dd.find("a").click(function(){_hide();}); //选择效果(如需要传值,可自定义参数,在此处返回对应的“value”值 ) $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";}); }) /*返回顶部*/ $(".back_topbtn").on("click",function(){ $('html,body').animate({scrolltop:0},300); }) /*banner*/ var swiperbanner = new swiper('.banner', { spacebetween:0, pagination:".banner .swiper-pagination", nextbutton:'.banner .swiper-button-next', prevbutton:'.banner .swiper-button-prev', loop:true, // effect:"fade", paginationclickable: true, autoplay : 5000, autoplaydisableoninteraction: false }); /*缩略图滚动*/ $(".smallslide .swiper-slide").eq(0).addclass('active-nav') var bigslideswiper = new swiper('.bigslide .swiper-container', { onslidechangestart: function() { updatenavposition() } }) $('.bigslide .arrow-left,.smallslide .arrow-left').on('click', function(e) { e.preventdefault() if (bigslideswiper.activeindex == 0) { bigslideswiper.slideto(bigslideswiper.slides.length - 1, 1000); return } bigslideswiper.slideprev() }) $('.bigslide .arrow-right,.smallslide .arrow-right').on('click', function(e) { e.preventdefault() if (bigslideswiper.activeindex == bigslideswiper.slides.length - 1) { bigslideswiper.slideto(0, 1000); return } bigslideswiper.slidenext() }) var smallslideswiper = new swiper('.smallslide .swiper-container', { //visibilityfullfit: true, slidesperview: 'auto', allowtouchmove: false, direction: 'vertical', ontap: function() { bigslideswiper.slideto(smallslideswiper.clickedindex) } }) function updatenavposition() { $('.smallslide .active-nav').removeclass('active-nav') var activenav = $('.smallslide .swiper-slide').eq(bigslideswiper.activeindex).addclass('active-nav') if (!activenav.hasclass('swiper-slide-visible')) { if (activenav.index() > smallslideswiper.activeindex) { var thumbspernav = math.floor(smallslideswiper.width / activenav.width()) - 1 smallslideswiper.slideto(activenav.index() - thumbspernav) } else { smallslideswiper.slideto(activenav.index()) } } } /*图片滚动*/ $('.scroll-01').swiper({ lazyloading:true, spacebetween:20, nextbutton:'.scroll-01 .swiper-button-next', prevbutton:'.scroll-01 .swiper-button-prev', slidesperview: 2 }); })