var fheight=$(".footer").height(); $(".footer-slide").height(fheight); var window_w=$(window).width(); var window_h=$(window).height(); // swiperbody if (window_w>960){ var interleaveoffset =0.8; //视差比值 } else{ var interleaveoffset =0; //视差比值 var getifwidth=$(".gupiao").width(); var getifheight=$(".gupiao").height(); $("#cyiframe").width(getifwidth); $("#cyiframe").height(getifheight); $("#cyiframe").attr("scrolling","yes"); } var swiperbody = new swiper(".swiperbody", { speed: 1000, watchslidesprogress: true, mousewheel: true, observer:true, observeparents:true, freemode: { momentum: false, }, slidesperview :'auto', direction : 'vertical', breakpoints: { 960: { freemode: false, }, }, on: { init: function(){ swiperanimatecache(this); //隐藏动画元素 swiperanimate(this); //初始化完成开始动画 }, slidechange: function(){ if (window_w>960){ if (this.activeindex==0||this.activeindex==3||this.activeindex==4||this.activeindex==6){ $("#menu").removeclass("changemenucolor"); $(".headbg").removeclass("headfix"); } if (this.activeindex==1||this.activeindex==2||this.activeindex==5){ $("#menu").addclass("changemenucolor"); $(".headbg").addclass("headfix"); } if(this.activeindex==1){ $(".headbg").addclass("shownav"); } else{ $(".headbg").removeclass("shownav"); } if(this.activeindex==6){ $(".navlist ").css("display","none"); }else{ $(".navlist ").css("display","block"); } if (this.activeindex==1){ var getifwidth=$(".gupiao").width(); var getifheight=$(".gupiao").height(); $("#cyiframe").width(getifwidth); $("#cyiframe").height(getifheight); } }else{ if (this.activeindex==0){ $("#menu").removeclass("changemenucolor"); $(".headbg").removeclass("headfix"); $(".headbg").removeclass("shownav"); } else{ if(this.activeindex==1){ $(".gupiao #cyiframe").css("display","block"); } var getifwidth=$(".gupiao").width(); var getifheight=$(".gupiao").height(); $("#cyiframe").width(getifwidth); $("#cyiframe").height(getifheight); $("#menu").addclass("changemenucolor"); $(".headbg").addclass("headfix"); $(".headbg").addclass("shownav"); } } }, slidechangetransitionstart: function(){ if (this.realindex!=0){ } else{ } }, slidechangetransitionend: function(){ swiperanimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeindex).find('.ani').removeclass('ani'); //动画只展现一次,去除ani类名 }, toedge: function(){ if (window_w>960){ $("#ordericon").addclass("ordericonchange"); } }, progress: function(swiper) { for (var i = 0; i < swiper.slides.length; i++) { var slideprogress = swiper.slides[i].progress; var inneroffset = swiper.height * interleaveoffset; var innertranslate = slideprogress * inneroffset; swiper.slides[i].queryselector(".slide-inner").style.transform = "translate3d(0," + innertranslate + "px, 0)"; } }, touchstart: function(swiper) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, settransition: function (swiper, speed) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].queryselector(".slide-inner").style.transition = speed + "ms"; } } } }); // 点击下滑 $('.scrolldown1').click(function(){ swiperbody.slidenext(); }); // swiper banner var swiperbanner = new swiper(".swiper-banner", { autoplay:true, speed:800, // loop:true, effect : 'fade', on:{ init: function(){ swiperanimatecache(this); //隐藏动画元素 swiperanimate(this); //初始化完成开始动画 }, slidechangetransitionstart: function(){ swiperanimate(this); //每个slide切换结束时也运行当前slide动画 // this.slides.eq(this.activeindex).find('.ani').removeclass('ani'); } } }); // news var swipernews = new swiper(".swipernews", { slidesperview: 1, spacebetween: 10, loop:true, // autoplay:true, breakpoints: { 768: { slidesperview: 2, spacebetween: 10, }, 960: { slidesperview: 2, spacebetween: 10, }, 1200: { slidesperview: 3, spacebetween: 30, }, }, navigation: { nextel: ".news-button .swiper-button-next", prevel: ".news-button .swiper-button-prev", }, }); // swiperpro var swiperprobtn = new swiper(".swiper-probtn", { spacebetween: 0, slidesperview: 1, watchslidesprogress: true, breakpoints: { 768: { spacebetween: 20, slidesperview: 3, }, 960: { spacebetween: 40, slidesperview: 4, }, 1200: { spacebetween: 80, slidesperview: 5, }, 1500: { spacebetween: 100, slidesperview: 5, } }, }); var interleaveoffset2 = 0.8; //视差比值 var swiperoptions2 = { // loop:true, grabcursor: true, watchslidesprogress: true, mousewheelcontrol: true, keyboardcontrol: true, speed:800, autoplay:true, thumbs:{ swiper: swiperprobtn, }, breakpoints: { 960: { autoplay:false, }, }, on: { init: function(){ swiperanimatecache(this); //隐藏动画元素 swiperanimate(this); //初始化完成开始动画 }, slidechangetransitionend: function(){ swiperanimate(this); //每个slide切换结束时也运行当前slide动画 //this.slides.eq(this.activeindex).find('.ani').removeclass('ani'); 动画只展现一次,去除ani类名 }, progress: function(swiper) { for (var i = 0; i < swiper.slides.length; i++) { var slideprogress = swiper.slides[i].progress; var inneroffset = swiper.width * interleaveoffset2; var innertranslate = slideprogress * inneroffset; swiper.slides[i].queryselector(".slide-inner").style.transform = "translate3d(" + innertranslate + "px, 0, 0)"; } }, touchstart: function(swiper) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, settransition: function(swiper, speed) { for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].queryselector(".slide-inner").style.transition = speed + "ms"; } } } }; var swiperpro = new swiper(".swiper-pro", swiperoptions2); // 文化切换 $(".cultext>div").eq(0).show(); $(".iconculbg>div").each(function (i) { $(this).click(function () { $(this).addclass("changebg").siblings().removeclass("changebg"); $(".cultext>div").eq(i).show().siblings().hide(); }) }).eq(0).click(); // 手机端滚动时间监听 $(window).scroll(function() { var gup=$(".gupiao").offset().top; var scrolltop =$(this).scrolltop();//滚动高度 if(scrolltop>gup) { console.log("dao le"); } else{ } });