lixin-web/webapp/js/game-brand.js

vue and bootstrap

$(function(){
	//加载动画
			if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
			// new WOW().init();
			};
	 		backgroundShaking('container_left', 'canvas_left', '#000000', '#4d50ea');
	 		backgroundShaking('container_right', 'canvas_right', '#ab6c11', '#cb0000');

			function animai(){
			  $(".cb.cb5").animate({top:'293px',left: '-319px',opacity:'1'},"2500",function(){
			  	 $(".cb.cb6").animate({top:'286px',right: '-461px',opacity:'1'},"2500",function(){
			  	 	
			  	 		$(".cb.cb3").animate({left:'42px',opacity:'1'},"5500",function(){
			  	 			$(".cb.cb4").animate({right:'44px',opacity:'1'},"5500")
			  	 		})
			  	 	
			  	 });
			  $(".cb.cb1").animate({top:'177px',opacity:'1'},"5500");
			  });
             
			}
			animai();
			$(".db").hide();
			$('#js_full').fullpage({
				sectionsColor: ['#669efb', '#171353', '#7BAABE', '#f90'],
				afterLoad:function(anchorLink, index){
					if(index == 1){
						$(".db").hide();
						$('.section1 .b.b1').show().addClass("animated flash")
						}
					if(index == 2){
						$('.section1 .b.b1').hide()
						$(".db").show();
						$('.section2').find('.db1').addClass("animated zoomIn")
							$('.section2').find('.db').not('.db1').addClass("animated zoomInLeft")
					}
				}
			});
});