$(function(){ console.log(""); //杩斿洖椤堕儴 //$("#totop").on('touchend',function(){ //$("html,body").animate({scrollTop:"0px"},500); //}); ietester(); preani(); $(window).scroll(_animation); if( !$('#fullpage').length){ setTimeout(_animation,200); } //ibanner_full(); //$(window).resize(function(){ibanner_full();}); //妯℃嫙涓嬫媺鐐瑰嚮 $('.xiala .hand').click(function(event){ $(this).siblings('.xialalinks').stop(true,false).slideToggle(300); }) $('.soubtn').click(function(){ if($(this).hasClass('on')){ $('.sou,.soutxt,.soubtn').removeClass('on'); }else{ $('.sou,.soutxt,.soubtn').addClass('on'); } }); $('#totop').click(function(){ var wt = $(window).scrollTop(); var sh = $('body').prop('scrollHeight')-$(window).height(); if(wt>0){ $("html,body").stop(true,false).animate({scrollTop:0},500,'swing'); $(this).find('p').text('鍥炲埌搴曢儴'); }else{ $("html,body").stop(true,false).animate({scrollTop:sh},500,'swing'); $(this).find('p').text('鍥炲埌椤堕儴'); } }) $('#topsoubtn').click(function(){ $(this).stop(true).toggleClass('on'); $('.topsouout').stop(true).slideToggle(300); }); $(".mouse,.mouse2").click(function(){ $("html,body").stop(true,false).animate({scrollTop:sH1+"px"},800,'swing'); }) //渚ц竟鍥炲埌椤堕儴鐨勬樉绀洪殣钘 //$(window).scroll(function(){ // var sh = $(window).scrollTop() || 0; // if(sh<=500){$('#totop').hide();} // else{$('#totop').show();} //}); $('.footwx,.topewm').on('mouseenter', function() { $(this).find('.bigewm').stop(true,true).fadeIn(300); }).on('mouseleave', function() { $(this).find('.bigewm').stop(true,true).fadeOut(300); }) $('.sidesearch').click(function(){ $('.sidesouout').toggleClass('on'); }) $('.sideewm').on('mouseenter', function() { $(this).find('.sidebigewm').stop(true,true).fadeIn(300); }).on('mouseleave', function() { $(this).find('.sidebigewm').stop(true,true).fadeOut(300); }) $('.sidehand').hover(function(){ $(this).find('.sideinfo').toggleClass('on'); }) $(".fside i").click(function(){ $('.fside').toggleClass('zk'); }); $('#liuyanbtn,#liuyanbtn2').click(function() { dinon()}) //瀵艰埅涓嬫媺鑿滃崟 浜岀骇鑿滃崟 $(".nav>li").hover(function(){ var l = $(this).find('.navtwo'); if(l.length){ l.stop(true).fadeIn().addClass('on');} $(this).siblings('li').find('.navtwo').stop(true).fadeOut().removeClass('on'); },function(){ var l = $(this).find('.navtwo'); if(l.length){ l.stop(true).fadeOut().removeClass('on');} }); //鎵嬫満瀵艰埅 $(".navsj a.yiji").click(function(){ var l = $(this).siblings('.navsjtwo'); if(l.length){ $(this).parents('li').stop(true).toggleClass('on'); l.stop(true).slideToggle(300); //$(this).find('s').first().toggleClass('on'); return false; } }); $(".navsj a.mao").click(function(){ $('.navbtn').removeClass('on'); $(".navsjout").removeClass('on'); //$('.head').removeClass('on'); }); $(".navbtn").click(function(){ $(this).stop(true).toggleClass('on'); $(".navsjout").stop(true).toggleClass('on'); //$('#close').fadeToggle(300); $("#topsoubtn").stop(true).removeClass('on'); $('.topsouout').stop(true).slideUp(300); }); //渚ч潰瀵艰埅 $(".sdnav dd>a").click(function(){ var l = $(this).siblings('.leifour'); if(l.length){ l.stop(true).slideToggle(300); $(this).parent('dd').toggleClass('on'); } }); //鎷涜仒灞曞紑 $('.zpone').click(function(){ $(this).parents('li').toggleClass('on'); $(this).siblings('.zpcon').slideToggle('300'); }) $('.reclist').on('click','.rec-hand',function(){ var liobj = $(this).parents('li'); var bool = liobj.hasClass('on'); if(!bool){ liobj.addClass('on').siblings('li').removeClass('on'); liobj.find('.rec-con').slideDown('600'); liobj.siblings('li').find('.rec-con').slideUp('600'); }else{ liobj.removeClass('on'); liobj.find('.rec-con').slideUp('600'); } }) $('.helpone').click(function(){ $(this).parents('li').toggleClass('on'); $(this).siblings('.helpcon').slideToggle('300'); }) //棣栭〉鍚勭浜岀骇鍒囨崲 $('.js-qieh>*').click(function(){ $(this).addClass('on').siblings().removeClass('on'); var i = $(this).index(); var se = $(this).parent().attr('data'); $('.'+se).find('.js-qiecon').removeClass('on').eq(i).addClass('on'); }); $('.js-qieh2>*').click(function(){ $(this).addClass('on').siblings().removeClass('on'); var i = $(this).index(); $('.js-qiecon2').removeClass('on').eq(i).addClass('on'); }); $('.jshover-onlyon>*').hover(function(){ $(this).addClass('on').siblings().removeClass('on'); }); $('.jsclick-onlyon>*').click(function(){ $(this).addClass('on').siblings().removeClass('on'); }); //鐐瑰嚮鍔ㄧ敾 $('.ani-clickonce').on('animationend', function(){ var s = $(this).attr('aniname'); if(s) $(this).removeClass(s); }) $('.ani-clickonce').on('click', function(){ var s = $(this).attr('aniname'); if(s) $(this).addClass(s); }) $('.ani-click').on('click', function(){ var s = $(this).attr('aniname'); if(s) $(this).toggleClass(s); }) //琛ㄥ崟楠岃瘉 if($('#liuyan').length){ var liuyan1 = $("#liuyan").Validform({ tiptype:3}); } if($('#liuyan3').length){ var liuyan3 = $("#liuyan3").Validform({ tiptype:3}); } //13鑱旂郴鍦板潃婊氬姩 if($('.scrollarea1').length){ $('.scrollarea1').tinyscrollbar({axis: 'y',thumbSize: 100, wheelLock: false}); } //棣栭〉banner //if($('#home_slider').length){ // $('#home_slider').flexslider({animation : 'slide', controlNav : false, directionNav : true, // animationLoop : true, slideshow : true, useCSS: false,slideshowSpeed: 6500,animationSpeed: 500, // pauseOnHover: false,pauseOnAction:false, mousewheel: false,startAt: 0, // before: function (slider){ slider.pause(); slider.play();},prevText:'<',nextText:'>', // after:function(slider){ var i = slider.currentSlide; // $('.slides li').removeClass('ac').eq(i+1).addClass('ac'); // $('.flex-control-paging li').removeClass('ac').eq(i).addClass('ac'); // $('#bannum').text('0' + (i+1)); // }, // start: function(slider){ // $('.slides li').removeClass('ac').eq(1).addClass('ac'); // $('.flex-control-paging li').removeClass('ac').eq(0).addClass('ac'); // $('#bannum').text('01'); // $('#bannumall').text('0' + slider.count); // } // }); //} if($('.flexslider').length){ var handpause=false;//棣栭〉瑙嗛鎵嬪姩鏆傚仠flag var flextimer;//瑙嗛鎾斁寤舵椂璁℃椂 $('.flexslider').flexslider({animation : 'slide', controlNav : false, directionNav : true, animationLoop : true, slideshow : true, useCSS: false,slideshowSpeed: 5000,animationSpeed: 800, pauseOnHover: false,pauseOnAction:false, mousewheel: false,startAt: 0,prevText:'<',nextText:'>', after:function(slider){ var i = slider.currentSlide; if( $(window).width()>=1024 ){ if(i==0 && !handpause){ $('.vd').get(0).play();slider.pause(); clearTimeout(flextimer); flextimer = setTimeout( function(){ slider.play()},22000); }else if(i!=0){ clearTimeout(flextimer); $('.vd').get(0).pause();slider.pause();slider.play(); if(!handpause){ $('.vd').get(0).currentTime=0;} } } $('.flexslider .slides li').removeClass('ac').eq(i+1).addClass('ac'); $('.flex-control-paging li').removeClass('ac').eq(i).addClass('ac'); $('#bannum').text('0' + (i+1)); }, start:function(slider){ $('.flexslider .slides li').removeClass('ac').eq(1).addClass('ac'); $('.flex-control-paging li').removeClass('ac').eq(0).addClass('ac'); $('#bannum').text('01'); $('#bannumall').text('0' + slider.count) if( $(window).width()>=1024 ){ $('.vd').get(0).play(); slider.pause(); clearTimeout(flextimer); flextimer = setTimeout( function(){ slider.play()},22000); } } }) $('.flexslider .vd').click(function(){ var flex = $('.flexslider').data('flexslider'); if(this.paused){ this.play();flex.pause(); handpause = false; clearTimeout(flextimer); var t1 = this.duration,t2 = this.currentTime; flextimer = setTimeout( function(){ flex.play()},(t1-t2-5)*1000); } else{ handpause = true; clearTimeout(flextimer); this.pause();flex.pause();flex.play(); } }) } //棣栭〉锛孭C鍥剧墖鎹J鍥剧墖 $(".resimg").each(function(i,oE) { var ww = $(window).width(); $(oE).attr("src",function(e,a){ var _src=''; $.each($(oE).attr("dataz-srczzz").split("|"),function(i,data) { data=data.split(","); if(ww<=data[0]){_src=data[1]; } }); return _src; }); }); //6鍝佽儨 鍚堜綔浼樺娍婊氬姩 //$('.guanlist li').click(function(){ // $(this).addClass('on').siblings('li').removeClass('on'); // setScrollPos( Scrollrange,$('#wrap-range') ); //}); if( $('#wrap-range').length>0){ var lis = $('#wrap-range ul li').width()+10; var Scrollrange = new iScroll('wrap-range',{hScrollbar:false, vScrollbar:false,bounce:false}); setScrollPos( Scrollrange,$('#wrap-range') ); $('.guanprev').click(function(){ Scrollrange.scrollTo(-lis, 0, 300, true); }) $('.guannext').click(function(){ Scrollrange.scrollTo(lis, 0, 300, true); }) } //棣栭〉鑽h獕鍒囨崲 if($('.frytwo').length){ $(".frytwo").slide({mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:'6', trigger:"click",scroll:1,interTime:3000,delayTime:600,easing:"swing",prevCell:".fryprev", nextCell:".frynext",mouseOverStop:false,opp:true}); } //鐑偣鏂伴椈鍒囨崲 鍗楀北涓 if($('.hotscroll').length){ $(".hotscroll").slide({mainCell:".bd ul",titCell:".hd ul",autoPage:true,effect:"leftLoop", autoPlay:true,vis:'1',scroll:1,interTime:4000,delayTime:1000,easing:"easeOutQuad", mouseOverStop:false}); } //棣栭〉瀛︾敓鍒囨崲 鍗楀北涓 if($('.stuscroll').length){ $(".stuscroll").slide({mainCell:".bd ul",titCell:".hd ul",autoPage:true,effect:"leftLoop", autoPlay:true,vis:'1',scroll:1,interTime:4000,delayTime:1000,easing:"swing", mouseOverStop:false}); } //鏁欏笀锛岀鐞嗗垪琛 鍗楀北涓 $('.tmlist li,.ftmlist li').click( function() { var w1 = $('#worker'); var w2 = $(this); if(w2.length){ w1.find('img').attr('src',w2.find('img').attr('src')); w1.find('.name').text(w2.find('h3').first().text()); w1.find('.zhiwei').text(w2.find('h4').first().text()); w1.find('.intro').html(w2.find('.intro').html()); } dinon(); }) //妗堜緥璇︽儏婊氬姩 杩滆 if($('.casepic-scroll').length){ $('.casepic-scroll').flexslider({animation : 'slide', controlNav : true, directionNav : false, animationLoop : true, slideshow : true, useCSS: false,slideshowSpeed: 6000,animationSpeed: 600, pauseOnHover: false,pauseOnAction:false, mousewheel: false,direction:"horizontal", before: function (slider){ slider.pause(); slider.play();},prevText:'<',nextText:'>' }); } if( $('.guolist-js .counter').length ){ var cuoption = {useEasing : false,useGrouping : false,separator : '',decimal : '.',prefix : '',suffix : ''}; var ctdemo = [], ct1 = true; // var ctdemo = new CountUp(target, startVal, endVal, decimals, duration, options); var y1 = $('.guolist-js').offset().top; var y2 = y1 + $('.guolist-js').outerHeight(); countUP(); $(window).scroll(countUP); function countUP(){ var wt = $(window).scrollTop() || 0; var wb = wt+ $(window).height(); if( ct1 && y2<= wb && y1>= wt ){ ct1 = false; $('.guolist-js .counter').each(function(i){ var n = $(this).text()-0; var start = n>200? n-200:0; var dura = $(this).attr('counter-time')-0 || 2; var delay = $(this).attr('counter-delay')-0 || 0; ctdemo[i] = new CountUp(this, start, n, 0, dura, cuoption); setTimeout(function(){ctdemo[i].start()},delay) }) } } } //瑙嗛鎾斁 $('.vpic').click(function(){ var vd = $(this).find('video').get(0); var iii = $(this).find('i'); if(vd.paused){ vd.play(); //var t1 = vd.duration,t2 = vd.currentTime; iii.fadeOut(300); } else{ vd.pause(); iii.fadeIn(300); } }) //鐚蓟瀛斿皬鍦堥紶鏍囪窡闅 $(".pigdesk").on("mousemove", function(event) { event = event ? event : window.event; var y1 = event.pageY - $(this).offset().top; var x1 = event.pageX - $(this).offset().left; $(this).find(".pig").css({ "top": y1, "left": x1 }); }).hover(function(){ $(this).find(".pig").addClass("show"); },function(){ $(this).find(".pig").removeClass("show"); }).on("mousedown",function(){ $(this).find(".pig").addClass("active"); }).on("mouseup",function(){ $(this).find(".pig").removeClass("active"); }); $('.pigdesk').hover(function(){ $('.cursor-dot').hide(); },function(){ $('.cursor-dot').show(); }); //11璧勬枡锛屾€у埆 $('.sex label').click(function(){ if( !$(this).hasClass('on') ){ $('.sex label').removeClass('on'); $(this).addClass('on'); $(this).siblings('input[type=radio]').get(0).checked= true; } }); followmove_rat('.followmove'); $('.msgbg').click(function(event){ event = event ? event : window.event; if(event.target==this){ msgoff();} }) $('.selfclose').click(function(event){ event = event ? event : window.event; if(event.target==this){ $(this).removeClass('on').fadeOut(300);} }) //11鍝佽儨 浜у搧璇︽儏鐐瑰皬鍥撅紝鐪嬪ぇ鍥 $('.twlist2').on('click','li',function(){ if(!$(this).hasClass('on')){ $(this).addClass('on').siblings('li').removeClass('on'); bigmove(2,'twlist2',36,'bigpic') } }) $('.xijie-prev').click(function(){bigmove(0,'twlist2',36,'bigpic')}) $('.xijie-next').click(function(){bigmove(1,'twlist2',36,'bigpic')}) // 07 涓夌骇瀵艰埅鐨勬粴鍔 pc鐗 if( $('#wrapper77').length>0){ var lin = $('#wrapper77 ul li').length; //if(lin<=1){ // $('.outnav7').hide(); return false; //}else if(lin==2){ // $('.nav7').addClass('fen2'); return false; //}else if(lin==3){ // $('.nav7').addClass('fen3'); return false; //}else if(lin==4){ // $('.nav7').addClass('fen4'); return false; //}else if(lin==5){ // $('.nav7').addClass('fen5'); return false; //}else{ // $('.outnav7').addClass('on'); //} //var lis; //if( $(window).width()>750 ){ // lis = $('#wrapper77').width() /5; //}else{ // lis = $('#wrapper77').width() /3; //} var lis = $('#wrapper77 ul li').first().width(); if( lis*lin > $('.outnav7').width()){ $('.outnav7').addClass('on'); $('#wrapper77 ul').width(lis*lin); //Scroll77鏄 浜岀骇瀵艰埅鏉℃按骞虫柟鍚戠殑鎷栧姩 var Scroll77 = new iScroll('wrapper77',{hScrollbar:false, vScrollbar:false}); $('.outnav7 .nav-left').click(function(){ Scroll77.scrollTo(-lis, 0, 300, true); }) $('.outnav7 .nav-right').click(function(){ Scroll77.scrollTo(lis, 0, 300, true); }) setScrollPos( Scroll77,$('#wrapper77') ); } $(".nav7-2 li.on").prevAll("li").addClass("ac"); } }) function setScrollPos(isname,_wrap){ var _isele = _wrap.find('ul'); var obj = _isele.find('.on'); if(obj.length<=0) return false; var oleft = obj.offset().left; var owidth = obj.outerWidth(); var outleft = _wrap.offset().left; var outwidth = _wrap.outerWidth(); var outright = outleft + outwidth; var inleft = _isele.offset().left; if( oleft < outleft ){ isname.scrollTo((inleft-oleft), 0, 300, false); }else if(oleft + owidth > outright){ isname.scrollTo((inleft-oleft+outwidth-owidth), 0, 300, false); } } function mwon(cname){ $('.'+cname).fadeIn(300).addClass('on');} function mwoff(cname){ $('.'+cname).removeClass('on').fadeOut(300);} function msgon(){ $('.msgbg').fadeIn(300).addClass('on');} function msgoff(){$('.msgbg').removeClass('on').fadeOut(300)} function dinon(){$('#fudin').fadeIn(300).addClass('on'); $('body').addClass('locked'); } function dinoff(){$('#fudin').removeClass('on').fadeOut(100); $('body').removeClass('locked'); } function ibanner_full(){ if( !$('#home_slider').length ) return false; var wh = $(window).height(); var pw = wh * 32/15 ; $('#home_slider .slides').height(wh); $('#home_slider img').height(wh).width(pw).css('margin-left',-pw/2+'px'); } function selfclose(obj){ event = event ? event : window.event; if(event.target==obj){ $(obj).removeClass('on').fadeOut(300);} } function addmsg(){ if($('.msgbg').length<=0){ var ss = '
\

\ \
'; $('body').append(ss); } } var msgtimer; function msgshow(msg,milisec){ addmsg(); $('.msgtxt').text(msg); msgon(); if(milisec){ clearTimeout(msgtimer); msgtimer = setTimeout(function(){msgoff()},milisec); } } var isIE ,IEno; function ietester(){ var UA = navigator.userAgent; if(/msie/i.test(UA)){ isIE = true; IEno = UA.match(/msie (\d+\.\d+)/i)[1]-0; }else if(~UA.toLowerCase().indexOf('trident') && ~UA.indexOf('rv')){ isIE = true; IEno = UA.match(/rv:(\d+\.\d+)/)[1]-0; }else{ isIE = false; } } function myreset(formid){ $('#'+formid).find('input[type=text]').removeClass('Validform_error').val(''); $('#'+formid).find('textarea').removeClass('Validform_error').val(''); $('#'+formid).find('span.Validform_checktip').removeClass('Validform_wrong Validform_right').text(''); } var _delayTop=0; //鍒ゆ柇婊氬姩鏂瑰悜鐨 var ibtimer; var sH1 = $(".headshadow").height()+$(".inbanner").height()-66; function _animation(){ clearTimeout(ibtimer); if( isIE && IEno <= 9 ){ $('.hasani').addClass('ani').removeClass('hasani');} var windowTop = $(window).scrollTop(); var windowBottom = windowTop + $(window).height(); if(windowTop>=300){ $('.head').addClass('mini'); }else{ $('.head').removeClass('mini'); } if( $(".inbanner").length>0 ){ //椤堕儴璁℃椂鍣ㄤ竴婊 if(windowTop <= 20 ){ ibtimer = setTimeout(function() { $("html,body").stop(true,false).animate({scrollTop:sH1+"px"},800,'swing'); },6000) } if(windowTop > 100 && windowTop < sH1 &&_delayTop<=windowTop){ ibtimer = setTimeout(function() { $("html,body").stop(true,false).animate({scrollTop:sH1+"px"},200,'linear'); },500) } } //if(windowTop>=150&& $(window).width()>1024 &&_delayTop= windowTop ) ){ if( !$(this).hasClass("ani") ) $(this).addClass('ani'); }else { //$(this).removeClass("ani"); } }); } function preani(){ $('.anidelay1').each(function(){ $(this).children().each(function(i){ var ss = i <= 9 ? '0'+i : i; $(this).addClass('delay'+ss); }) }) $('.anidelay2').each(function(){ $(this).children().each(function(i){ var ss = i*2 <= 9 ? '0'+i*2 : i*2; $(this).addClass('delay'+ss); }) }) $('.anidelay3').each(function(){ $(this).children().each(function(i){ var ss = i*3 <= 9 ? '0'+i*3 : i*3; $(this).addClass('delay'+ss); }) }) } function datenow(){ var myDate = new Date(),datestr=""; //myDate.setDate(myDate.getDate()); datestr+= myDate.getFullYear(); var m = myDate.getMonth()-0+1; if(m<10) m = '0'+m; datestr+='-'+m; var d = myDate.getDate(); if(d<10) d = '0'+d; datestr+='-'+d; return datestr; } function xjsmallw(w){ //w涓哄崟涓猯i鐨勫瀹藉害锛屽寘鎷唴澶栬竟璺濆拰杈规 if($('.smallpic').length){ var n = $('.smallpic').find('li').size(); $('.smallpic').width(w*n); } } function smlmove(dir,w,classname,imgid){ //0宸?鍙?褰撳墠 var l = $('.'+classname+' li ').size(); var n = $('.'+classname+' li.on ').index() || 0; if(dir==0){ n = n>0? n-1:l-1; }else if(dir==1){ n = n==l-1? 0:n+1;} var obj = $('.'+classname+' li').eq(n); obj.addClass('on').siblings('li').removeClass('on'); var url = obj.find('img').attr('hdsrc') || obj.find('img').attr('src'); //var txt = obj.find('img').attr('title'); $('#'+imgid).attr('src',url); //$('#'+imgid+'txt').text(txt); //绉诲姩 var outleft = $('.'+classname+'-out').offset().left; var outwidth = $('.'+classname+'-out').width(); var outright = outleft + outwidth; var inleft = $('.'+classname).offset().left; if( w*n + inleft < outleft ){ $('.'+classname).stop(true).animate({'left': (-w*n)+'px'}, 300); }else if(w*n+w + inleft > outright){ $('.'+classname).stop(true).animate({'left': (outwidth-w*n-w)+'px'}, 300); } } //绔栫増 function smlmove2(dir,w,classname,imgid){ //0宸?鍙?褰撳墠 var l = $('.'+classname+' li ').size(); var n = $('.'+classname+' li.on ').index() || 0; if(dir==0){ n = n>0? n-1:l-1; }else if(dir==1){ n = n==l-1? 0:n+1;} var obj = $('.'+classname+' li').eq(n); obj.addClass('on').siblings('li').removeClass('on'); var url = obj.find('img').attr('hdsrc') || obj.find('img').attr('src'); $('#'+imgid).attr('src',url); //绉诲姩 var outtop = $('.'+classname+'-out').offset().top; var outheight = $('.'+classname+'-out').height(); var outbottom = outtop + outheight; var intop = $('.'+classname).offset().top; if( w*n + intop < outtop ){ $('.'+classname).stop(true).animate({'top': (-w*n)+'px'}, 300); }else if(w*n+w + intop > outbottom){ $('.'+classname).stop(true).animate({'top': (outheight-w*n-w)+'px'}, 300); } } function bigmove(dir,classname,gap,imgid){ //0宸?鍙?褰撳墠 var l = $('.'+classname+' li ').size(); var n = $('.'+classname+' li.on ').index() || 0; if(dir==0){ n = n>0? n-1:l-1; }else if(dir==1){ n = n==l-1? 0:n+1;} var listobj = $('.'+classname); var wrapobj = listobj.parent(); var obj = $('.'+classname+' li').eq(n); obj.addClass('on').siblings('li').removeClass('on'); var url = obj.find('img').attr('hdsrc') || obj.find('img').attr('src'); $('#'+imgid).attr('src',url); var g = gap || 0; var w = obj.outerWidth(),w2 = w + g; //绉诲姩 var outleft = wrapobj.offset().left; var outwidth = wrapobj.width(); var outright = outleft + outwidth; var inleft = listobj.offset().left; if( w2*n + inleft < outleft ){ listobj.css({'left': (-w2*n)+'px'}); }else if(w2*n + w + inleft > outright){ listobj.css({'left': (outwidth-w2*n-w)+'px'}) } } function followmove_rat(classname,distance){ if( $(classname).length <= 0) { return false;} var range = distance || 40; var calcValue = function calcValue(a, b) {return (a / b * range - range / 2).toFixed(1);}; var raf1 = void 0; document.addEventListener('mousemove', function (_ref) { var x = _ref.x,y = _ref.y; if (raf1) { window.cancelAnimationFrame(raf1);} raf1 = window.requestAnimationFrame(function () { var yValue = calcValue(y, window.innerHeight); var xValue = calcValue(x, window.innerWidth); // document.getElementById("thegirl").style.transform = "rotateX(" + yValue + "deg) rotateY(" + xValue + "deg)"; document.querySelectorAll(classname).forEach(function(vv){ vv.style.transform = "translateX(" + xValue + "px) translateY(" + yValue + "px) "; }); }); }, false); } var animateBubbly = function(e) { //e.preventDefault; e.target.classList.remove('animate'); e.target.classList.add('animate'); setTimeout(function(){ e.target.classList.remove('animate'); },700); }; var classname = document.getElementsByClassName("bubbly-button"); for (var i = 0; i < classname.length; i++) { classname[i].addEventListener('mouseenter', animateBubbly, false); } ;(function($){ var w = $(window); function setHeight(){ $('.newban2').css({height:w.height()-130}); if(w.width()>=1024){ $('.gylist').css({height:w.height()}); }else{ $('.gylist').removeAttr("style"); } return 1; } w.on('resize.setAll', function(event) { setHeight(); }).trigger('resize.setAll'); })(jQuery); $('.btn-circle').on('mouseenter mouseover', function (e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; var circleR = $(this).outerWidth(); $(this).find('.btn-circle-hover').css({ top: relY, left: relX, width: 1.4*circleR, height: 1.4*circleR, opacity: 1 }); }).on('mouseout', function (e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; $(this).find('.btn-circle-hover').css({ top: relY, left: relX, width: 0, height: 0, opacity: 0 }); });