$(document).ready(function() { $('.dot').dotdotdot({ wrap: 'letter' }); toggles('.nav-skip','.nav-bg','.nav') $('.r_toggle').click(function(){ $('.rnavs').toggleClass('on') }) n_nav() hnav_slick(); FooterN(); var resizeTimer; $(window).resize(function(){ if (resizeTimer) { clearTimeout(resizeTimer) } resizeTimer = setTimeout(function(){ n_nav() hnav_slick(); FooterN(); }, 300); }); $('.backtop').click(function(){ var doc = document.body.scrollTop? document.body : document.documentElement; Math.easeout(doc.scrollTop, 0, 4, function (value) { doc.scrollTop = value; }); // $(this).hide(); }) }); function n_nav(){ var _w = $(window).width(); if(_w>1200){ $('.nav li').hover( function(){ if($(this).find('.n_nav').length == 1){ $('.nav li .n_nav').stop(true,true).hide(); $(this).find('.n_nav').stop(true,true).fadeIn(); }else{} },function(){ $(this).find('.n_nav').stop(true,true).hide(); } ) }else{ $('.nav li').click(function(){ if($(this).hasClass('on')){ $(this).removeClass('on'); $(this).find('.n_nav').stop(true,true).fadeOut(); }else{ $(this).addClass('on').siblings('li').removeClass('on'); $('.nav li').find('.n_nav').stop(true,true).fadeOut(); $(this).find('.n_nav').stop(true,true).fadeIn(); } }) } } function hnav_slick(){ $('.rt.long .r_nav.slick-slider').slick("unslick"); if($(window).width() < 768){ $('.rt.long .r_nav').slick({ slidesToShow: 3, slidesToScroll: 3, infinite: false, arrows:false, responsive: [ { breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: false } } ] }); } } function toggles(a,b,d){ $(a).unbind(); $(a).on('click',function(){ if($(a).hasClass('toggled')){ $(b).hide(); $(d).removeClass('open-nav'); $(a).removeClass('toggled'); }else{ $(a).addClass('toggled'); $(d).addClass('open-nav'); $(b).show(); } }) $(document).on('click',b,function(){ $(b).hide(); $(d).removeClass('open-nav'); $(a).removeClass('toggled'); }) } /*切换*/ function tab(a,b){ $(a).click( function(){ var i = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $(b).hide(); $(b).eq(i).fadeIn(); } ) } /* 底部下拉 */ function FooterN(){ var w= $(window).width(); $('.f_c dl dt').unbind(); if(w<1200){ $('.f_c dl dt').on('click',function(){ if($(this).parent().hasClass('active')){ $(this).parent().removeClass('active'); $(this).nextAll('dd').stop(true,true).slideUp(); }else{ $('.f_c dl dt').removeClass('active'); $(this).parent().addClass('active'); $('.f_c dl dt').nextAll('dd').stop(true,true).slideUp(); $(this).nextAll('dd').stop(true,true).slideDown(); } }) }else{ $('.f_c dl dt').unbind(); } } if (!window.requestAnimationFrame) { requestAnimationFrame = function(fn) { setTimeout(fn, 17); }; } $(window).scroll(function(){ var sh = $(window).scrollTop(); if(sh > 500){ $('.rnavs').fadeIn() }else{ $('.rnavs').fadeOut() } }) Math.easeout = function (A, B, rate, callback) { if (A == B || typeof A != 'number') { return; } B = B || 0; rate = rate || 2; var step = function () { A = A + (B - A) / rate; if (A < 1) { callback(B, true); return; } callback(A, false); requestAnimationFrame(step); }; step(); }; //楼层滚动 function lc(nav,bq,lit,name,time){ // alert(nav) var oNav = $(nav);//导航壳 var aNav = oNav.find(bq);//导航 var aDiv = $(lit);//楼层 $(window).scroll(function(){ var winH = $(window).height();//可视窗口高度 var iTop = $(window).scrollTop();//鼠标滚动的距离 if(iTop>=$('.heaedr').height()){ aDiv.each(function(){ if(winH+iTop - $(this).offset().top>winH/1.5){ aNav.removeClass(name); aNav.eq($(this).index()).addClass(name); } }) }else{ /*oNav.fadeOut();*/ } }) //点击回到当前楼层 aNav.click(function(){ var t = aDiv.eq($(this).index()).offset().top - time; $('body,html').animate({"scrollTop":t},1000); $(this).addClass(name).siblings().removeClass(name); }); }