$(function(){ $(".an4").addClass("wow fadeInLeft"); wow = new WOW({ nimateClass: 'animated', offset: 0 }); wow.init(); //$(window).scroll(function() { // // var top = $(window).scrollTop() / 2; // var top2 = $(window).scrollTop() / 1.5; // $(".bannerBox").css('top', -top); // // }); // //$('body,html').animate({scrollTop:0},300); // // // // $('.pro1 .proMian .item').hover(function(){ $(this).stop(true).animate({width:$(window).width()*0.3},500); $(this).siblings().stop(true).animate({width:$(window).width()*0.7/6},500); },function(){ $(this).stop(true).animate({width:$(window).width()/7},500); $(this).siblings().stop(true).animate({width:$(window).width()/7},500); }); $('.pro2 .proMian .item').hover(function(){ $(this).stop(true).animate({width:$(window).width()*0.3},500); $(this).siblings().stop(true).animate({width:$(window).width()*0.14},500); },function(){ $(this).stop(true).animate({width:$(window).width()/6},500); $(this).siblings().stop(true).animate({width:$(window).width()/6},500); }); $('.pro3 .proMian .item').hover(function(){ $(this).stop(true).animate({width:$(window).width()*0.4},500); $(this).siblings().stop(true).animate({width:$(window).width()*0.2},500); },function(){ $(this).stop(true).animate({width:$(window).width()/4},500); $(this).siblings().stop(true).animate({width:$(window).width()/4},500); }); $('.pro4 .proMian .item').hover(function(){ $(this).stop(true).animate({width:$(window).width()*0.3},500); $(this).siblings().stop(true).animate({width:$(window).width()*0.14},500); },function(){ $(this).stop(true).animate({width:$(window).width()/6},500); $(this).siblings().stop(true).animate({width:$(window).width()/6},500); }); $('.pro5 .proMian .item').hover(function(){ $(this).stop(true).animate({width:$(window).width()*0.3},500); $(this).siblings().stop(true).animate({width:$(window).width()*0.7/6},500); },function(){ $(this).stop(true).animate({width:$(window).width()/7},500); $(this).siblings().stop(true).animate({width:$(window).width()/7},500); }); $(window).resize(function() { }); });