// javascript document $(function () { //大块 单个 $('.hua1').waypoint(function() { $('.hua1').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.hua2').waypoint(function() { $('.hua2').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.hua3').waypoint(function() { $('.hua3').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.hua4').waypoint(function() { $('.hua4').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.hua5').waypoint(function() { $('.hua5').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.hua6').waypoint(function() { $('.hua6').addclass('wow animated fadeinup') }, { offset: '90%' } ); $('.wz01').waypoint(function() { $('.wz01').addclass('wow animated bounceindown') }, { offset: '90%' } ); $('.wz02').waypoint(function() { $('.wz02').addclass('wow animated bounceindown') }, { offset: '90%' } ); $('.qx').waypoint(function() { $('.qx').addclass('wow animated fadeinup') }, { offset: '90%' } ); //循环 $(function () { $('.wz').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.wz').waypoint(function() { $('.wz').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.wz1').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.wz1').waypoint(function() { $('.wz1').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.lc01').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc01').waypoint(function() { $('.lc01').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.lc02').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc02').waypoint(function() { $('.lc02').addclass('wow animated fadeinleft') }, { offset: '90%' }); }); $(function () { $('.lc03').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc03').waypoint(function() { $('.lc03').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.lc04').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc04').waypoint(function() { $('.lc04').addclass('wow animated fadeinleft') }, { offset: '90%' }); }); $(function () { $('.lc05').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc05').waypoint(function() { $('.lc05').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.lc06').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc06').waypoint(function() { $('.lc06').addclass('wow animated fadeinleft') }, { offset: '90%' }); }); $(function () { $('.lc07').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.lc07').waypoint(function() { $('.lc07').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.span01').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.span01').waypoint(function() { $('.span01').addclass('wow animated rotatein') }, { offset: '90%' }); }); $(function () { $('.span02').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.span02').waypoint(function() { $('.span02').addclass('wow animated rotatein') }, { offset: '90%' }); }); $(function () { $('.span03').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.span03').waypoint(function() { $('.span03').addclass('wow animated rotatein') }, { offset: '90%' }); }); $(function () { $('.con_p li').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.con_p li').waypoint(function() { $('.con_p li').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('#tabs01 li').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('#tabs01 li').waypoint(function() { $('#tabs01 li').addclass('wow animated fadeinup') }, { offset: '90%' }); }); $(function () { $('.wz_four_w').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.wz_four_w').waypoint(function() { $('.wz_four_w').addclass('wow animated fadeinright') }, { offset: '90%' }); }); $(function () { $('.con_two_5_ul01 li').css({ 'animation-delay': function() { return $(this).index() * 0.3 + 's' }, '-webkit-animation-delay': function() { return $(this).index() * 0.3 + 's' } }); $('.con_two_5_ul01 li').waypoint(function() { $('.con_two_5_ul01 li').addclass('wow animated fadeinright') }, { offset: '90%' }); }); });