// mobideMenu();// 移动端主导航 // //移动端主导航 // function mobideMenu(){ // $(".mobile-inner-header .mobile-inner-header-icon").click(function(){ // $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); // $(".mobile-inner-nav").slideToggle(250); // }); // $(".mobile-inner-nav li > a").each(function( index ) { // $( this ).css({'animation-delay': (index/20)+'s'}); // }); // $('.mobile-inner-nav li strong').click(function(){ // $(this).parent('li').toggleClass('on') // $(this).next('dl').slideToggle(500); // $(this).toggleClass('on'); // if($(this).hasClass('on')){ // $(this).html("×") // }else{ // $(this).html("+") // } // }) // }; $('.visible_btn').each(function(){ $(this).addClass('off') }); $('.visible_box').each(function(){ $(this).addClass('off') }); $('.visible_btn').click(function(){ var box = $(this).attr('visible'); $(this).toggleClass('on'); $('.visible_box[visible*="' + box + '"]').toggleClass('on off') }); // 切换每个传入的参数 function toggleOn(){ var args = arguments.length; for(var i = 0; i < args; i++){ $(arguments[i]).toggleClass('on'); } } function toggleParentOn(a){ $(a).parent().toggleClass('on'); } //获得页面向左、向上卷动的距离 function getScroll(){ return { left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0, top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 }; } // 页面板块逐渐进入效果 // setTimeout("enterEffects();","200"); // $(document).ready(function(){ // enterEffects(); // }); // $(window).resize(function(){ // var resizeTimer = null; // if (resizeTimer) clearTimeout(resizeTimer); // resizeTimer = setTimeout(function(){ // enterEffects(); // },50); // }); // $(window).scroll(function(){ // enterEffects(); // }); // 逐个出现 // $('.effect11,.effect21,.effect31,.effect41,.effect51,.effectChildren').each(function() { // $(this).find("li").each(function(index){ // var len = $(this).parent().find("li").length; // $( this ).css({'transition-delay': (index*0.5/len)+'s'}); // // $( this ).css({'transition-delay': (index*0.05)+'s'}); // }) // }); // function enterEffects(){ // var sWSon = document.documentElement.clientWidth; // if(sWSon >= 992){ // $(".effect").each(function(index, element) { // var e = $(this),c = $(window).height(); // if($(window).scrollTop()>=$(e).offset().top - 0.9 * c){ // $(e).addClass("isView"); // }else{ // $(e).removeClass("isView"); // } // }); // } // } $('.header1').addClass('showdiv'); function fixNav(){ var w_width = document.documentElement.clientWidth, w_height = document.documentElement.clientHeight, scrollHeight = document.body.scrollHeight; // var x = $('header').next().offset().top; if(scrollHeight > w_height+100 && w_width>1024 && $('.body_home').length == 0 ){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > 150){ $('.header1').removeClass('showdiv') $('.header2').addClass('showdiv') }else{ $('.header1').addClass('showdiv') $('.header2').removeClass('showdiv') } }); } } fixNav(); $(window).scroll(function(){ fixNav(); }); // 点击回到页面顶部 $('.gotop').click(function(){ $('body,html').stop().animate({scrollTop:0}); $('.header').removeClass('currents'); $('body').css('padding-top',0); $('.top').slideDown(0); return false; }); $(window).scroll(function(){ if($(window).scrollTop()>= 100 ){ $('.gotop_index').addClass("on"); }else{ $('.gotop_index').removeClass("on"); } }); $('.gotop_index').click(function(){ $('body,html').stop().animate({scrollTop:0}); }) // tab切换 $.fn.extend({ tab: function (options){ var defaults = { //默认参数 ev : 'mouseover', //默认事件'mouseover','click' til : 'h2', //默认标签 box : '.tab_list', //默认列表 defaultNum : 0, //默认展示第几个 eachPage : 1, //每次切换的个数 delay : 100, //延迟时间 auto : true, //是否自动切换 true,false speed : 4000, //自动切换间隔时间(毫秒) init : function(){}, //首次加载时触发时间 before : function (){}, //切换前触发事件 after : function (){}, //切换后触发事件 more : true //是否有more,false,true }; var options = $.extend(defaults, options); //用户设置参数覆盖默认参数 return this.each(function (){ var o = options; var obj = $(this); var oTil = obj.find(o.til); var oBox = obj.find(o.box); var oMore = null; var iNum = o.defaultNum; var iLen = oTil.length; var iBefore = o.before; var iAfter = o.after; var iEach = o.eachPage; // 默认选中第一个 o.init(); if( iNum >= 0 ){ change( oTil.eq(iNum) ); } //鼠标事件绑定 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){ iBefore(iNum,obj); // console.log(1); iNum = $(box).index() - obj.find(o.til).eq(0).index(); oTil.removeClass('on').addClass('off'); oBox.removeClass('on').addClass('off'); if(o.more){ oMore = obj.find('.more'); oMore.removeClass('on').addClass('off'); oMore.eq(iNum).addClass('on').removeClass('off'); }; oTil.eq(iNum).addClass('on').removeClass('off'); oBox.slice( iEach * iNum , iEach * (iNum + 1) ).addClass('on').removeClass('off'); iAfter(iNum,obj); } }); } }) // 二级页侧栏菜单 $('.sub_menu a.current').each(function(){ $(this).parent('li').addClass('current'); $(this).parents('.sub_menu ul').parent('li').addClass('on'); $(this).parents('.sub_menu ul').slideDown(300); $(this).parents('.sub_menu ul').prev('.arrow').addClass('on'); }) $('.sub_menu .arrow').click(function(){ $(this).toggleClass('on'); $(this).parent('li').toggleClass('on'); $(this).next('ul').toggle(300); }) $('.sub_left_title').click(function(){ var sWSon = document.documentElement.clientWidth; if(sWSon < 992){ $(this).toggleClass('on'); $('.sub_left').toggleClass('on'); $('.sub_menu').toggle(300); } }) //根据参数名获得该参数 pname等于想要的参数名 function getParam(pname) { var params = location.search.substr(1); // 获取参数 平且去掉? var ArrParam = params.split('&'); if(ArrParam.length == 1){ //只有一个参数的情况 return params.split('=')[1]; } else{ //多个参数参数的情况 for (var i = 0; i < ArrParam.length; i++) { if (ArrParam[i].split('=')[0] == pname) {return ArrParam[i].split('=')[1];} } } } $(function() { // 页面加载完成后根据链接地址滚动到指定板块 var mao = $("#" + getParam("mao")); //获得锚点 if (mao.length > 0) {//判断对象是否存在 var pos = mao.offset().top; var poshigh = mao.height(); var headerHeight = $('.header').height(); //180为减少头部的高度 //1000为毫秒单位/滚动的速度 $("html,body").animate({scrollTop: pos-180}, 1000); } }); // 点击滚动到指定板块 function q_scrollTo(tar){ var pos = $(''+ tar).offset().top; $("html,body").animate({scrollTop: pos-180}, 1000); } $('.select_link').click(function(){ $(this).find('.arrow').toggleClass('on'); $(this).find('.alert_box').toggleClass('on'); $(this).toggleClass('on'); // $('.alert_box').jScrollPane(); }) $('.select_link').mouseleave(function(){ $(this).find('.arrow').removeClass('on'); $(this).find('.alert_box').removeClass('on'); $(this).removeClass('on'); }) // 以下为新增JS // 图片延迟加载 function loadimg(imglist){ var i=0; var run; $(imglist).each(function(index, element) { $(this).attr("data",$(this).attr("src")); $(this).attr("src",""); $(this).addClass("unload"); }); run = function(img){ i++; if($(window).scrollTop()+$(window).height()>img.offset().top){ img.load(function(){ if($("img.unload").eq(0).length > 0 && i<1000){ run($("img.unload").eq(0)); } }); img.attr("src",img.attr("data")).removeClass("unload"); } } run($("img.unload").eq(0)); $(window).scroll(function(){ if($("img.unload").eq(0).length>0 && i<1000){ run($("img.unload").eq(0)); } }); } // 默认配置swiper // var a = new swiperFun({ // dom: $('.外盒子'), // // domList: $('.紧挨着列表的盒子') // }) function swiperFun(swiper) { this.dom = swiper.dom; this.domList = this.dom; this.dom.find('ul').addClass('swiper-wrapper'); this.dom.find('li').addClass('swiper-slide'); if(swiper.domList !== undefined){ this.domList = this.dom.find(swiper.domList) } if(this.dom.find('.num').length > 0){ this.dom.find('.num-total').html(this.dom.find('li').length) } this.change = function () {}; var that = this; this.mySwiper = new Swiper(that.domList, { effect: swiper.effect !== undefined ? swiper.effect : 'slide', loop: swiper.loop !== undefined ? swiper.loop : true, autoplay: swiper.autoplay !== undefined ? swiper.autoplay : 5000, autoplayDisableOnInteraction: false, paginationClickable: true, speed: 600, slidesPerView: swiper.slidesPerView !== undefined ? swiper.slidesPerView : 1, slidesPerGroup: swiper.slidesPerGroup !== undefined ? swiper.slidesPerGroup : 1, centeredSlides: swiper.centeredSlides !== undefined ? swiper.centeredSlides : false, slideToClickedSlide: swiper.slideToClickedSlide !== undefined ? swiper.slideToClickedSlide : false, pagination: that.dom.find('.dots'), loopAdditionalSlides : 10, onSlideChangeStart: function(swiper){ if(that.dom.find('.num').length > 0){ that.dom.find('.num-curr').html(swiper.realIndex + 1) } that.change(swiper.realIndex); } }); this.dom.find('.prev').click(function () { that.mySwiper.slidePrev(); return false }); this.dom.find('.next').click(function () { that.mySwiper.slideNext(); return false }) } $('.has_related_links').each(function(){ var _this = $(this); var x = _this.find('.sub_side_menu') ? ( _this.find('.sub_side_menu').height() + 30 ): 0; _this.find('.side_related_links').css('top', x ); }) function lazyload(){ var dom = document.querySelectorAll(".lazy"); // 获取所有的图片 var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; // 获取滚动条的高度 var windowHeight = window.innerHeight; // 获取视口高度 for (var i = 0; i < dom.length; i++) { var imgHeight = $(dom[i]).offset().top ; // 每张图片的偏移量 if (imgHeight < scrollTop + 2 * windowHeight) { // 判断 (function (i) { setTimeout(function () { // 用一个定时器,延迟多少秒后再渲染图片 if($(dom[i]).attr("data-src") != "" && $( dom[i] ).attr("data-src") != undefined ){ $(dom[i]).attr("src",$(dom[i]).attr("data-src")); $(dom[i]).removeAttr('data-src'); } if($(dom[i]).attr("data-background")!="" && $(dom[i]).attr("data-background") != undefined ){ $(dom[i]).css("background-image","url(" + $(dom[i]).attr("data-background") + ")"); $(dom[i]).removeAttr('data-background'); } },200); })(i) } } } window.onload = function(){ lazyload(); } $(window).scroll(function(){ lazyload(); });