www.zfire.com/js/main.js

$(function() {
	
	var angle = 0;
	setInterval(function() { 
	    angle += 10; 
	    $("#bj-loding .ball div").rotate(angle); 
	}, 50);

	$('.header .nav li').hover(function() {
		navem(this);
	}, function() {
		navem('.header .nav li.current');
	});
	navem('.header .nav li.current');

	function navem(e) {
		var left = $(e).position().left+10;
		var width = $(e).innerWidth()-20;
		$(".header .nav em").stop(true).animate({
			left: left,
			width: width
		}, 300);
	}
	
	var mySwiper_banner = new Swiper('.in_banner_swiper',{
		pagination: '.in_banner_pa',
		loop:true,
		grabCursor: true,
		autoplay : 3500,
		autoplayDisableOnInteraction : false,
		paginationClickable: true
	});
	
	var miniAppsList_swiper = new Swiper ('.miniAppsList-swiper', {
	    slidesPerView: 4,
	    paginationClickable: true,
	    pagination: '.miniAppsList-pagination',
		grabCursor: true,
		autoplay: 3000,
		autoplayDisableOnInteraction : false,
	    loop:true
	})
	
	$(window).scroll(function(){
		var scrollTop=0;
		scrollTop = $(document).scrollTop();
		var a = scrollTop/1000;
	    if(a<=0.9){
	    	$(".header_w").css({"background":"rgba(0,0,0,"+a+")"});
	    }if(a>0.9){
	    	$(".header_w").css({"background":"rgba(0,0,0,0.9)"});
	    }
	});
	
	$(".in_case_list li").hover(function(){
		$(this).find(".l1").stop().animate({"width":"100%"});
		$(this).find(".l2").stop().animate({"height":"100%"});
		$(this).find(".l3").stop().animate({"width":"100%"});
		$(this).find(".l4").stop().animate({"height":"100%"});
	},function(){
		$(this).find(".l1").stop().animate({"width":"0"});
		$(this).find(".l2").stop().animate({"height":"0"});
		$(this).find(".l3").stop().animate({"width":"0"});
		$(this).find(".l4").stop().animate({"height":"0"});
	});
	
	$(".app_service_list li").hover(function(){
		$(this).find(".mask").stop().fadeIn();
		$(this).find(".li_c").stop().animate({"padding":"30px 0 80px;"});
	},function(){
		$(this).find(".mask").stop().fadeOut();
		$(this).find(".li_c").stop().animate({"padding":"40px 0 70px;"});
	})
	
	$(".app_advantage li").hover(function(){
		$(this).find(".icon").stop().animate({"top":"-55px"}).animate({"top":"-46px"});
	},function(){
		$(this).find(".icon").stop().animate({"top":"-46px"});
	})
	
	$(".web_advantage_list li").hover(function(){
		$(this).find(".line").stop().fadeOut();
		$(this).find(".mask").stop().fadeIn();
		$(this).find(".li_c").stop().delay(200).animate({"padding-top":"35%"});
		$(this).find(".des").stop().delay(400).fadeIn();
	},function(){
		$(this).find(".line").stop().fadeIn();
		$(this).find(".mask").stop().fadeOut();
		$(this).find(".li_c").stop().animate({"padding-top":"45%"});
		$(this).find(".des").stop().fadeOut();
	})
	
	$(".caseList li").hover(function(){
		$(this).find(".mask").stop().fadeIn();
		$(this).find(".title").stop().animate({"bottom":"50%","opacity":"1"});
		$(this).find(".des").stop().delay(200).animate({"bottom":"38%","opacity":"1"});
	},function(){
		$(this).find(".mask").stop().fadeOut();
		$(this).find(".title").stop().animate({"bottom":"-40px","opacity":"0"});
		$(this).find(".des").stop().animate({"bottom":"-40px","opacity":"0"});
	})
	
	setTimeout(function () {
		setTimeout(function () {
			$(".page_banner_mask .p1").animate({"top":"0","opacity":"1"});
		}, 400);
		setTimeout(function () {
			$(".page_banner_mask .p2").animate({"top":"0","opacity":"1"});
		}, 800);
		setTimeout(function () {
			$(".page_banner_mask .btn").animate({"top":"0","opacity":"1"});
		}, 1200);
		setTimeout(function () {
			$(".page_banner_mask .text").animate({"top":"0","opacity":"1"});
		}, 1600);
		
		setTimeout(function () {
			$(".caseDetail_banner_mask .title").animate({"top":"0","opacity":"1"});
		}, 400);
		setTimeout(function () {
			$(".caseDetail_banner_mask .des").animate({"top":"0","opacity":"1"});
		}, 800);
		setTimeout(function () {
			$(".caseDetail_banner_mask .btn").animate({"top":"0","opacity":"1"});
		}, 1200);
	}, 0);
	
	var $window = $(window),
		win_height_padded = $window.height() * 1.1;
	$window.on('scroll', revealOnScroll);
	function revealOnScroll() {
		var scrolled = $window.scrollTop();
		$(".isAnimation:not(.animated)").each(function () {
			var $this = $(this),
				offsetTop = $this.offset().top;
			if (scrolled + win_height_padded > offsetTop) {
				if ($this.data('timeout')) {
				 	window.setTimeout(function(){
				 		$this.addClass('animated ' + $this.data('animation'));
				 		$this.removeClass("isAnimation");
				 	}, parseInt($this.data('timeout'),10));
				} else {
					$this.addClass('animated ' + $this.data('animation'));
					$this.removeClass("isAnimation");
				}
			}
		});
	}
	
	//banner视差效果
	$(window).scroll(function() {
        var top = $(window).scrollTop() / 2;
        $(".bgimg").css('top', top);
    });
    
	$("#side ul .li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"180px"}).css({"opacity":"1","filter":"Alpha(opacity=100)"});
	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"}).css({"opacity":"0.8","filter":"Alpha(opacity=80)"});
	});

	$("#side ul .code").hover(function() {
		//setTimeout(function() {
			$("#side .code_img").stop().fadeIn();
		//}, 100)
	}, function() {
		$("#side .code_img").stop().fadeOut();
	})

	//回到顶部函数
	$("#side .sidetop").click(function(){
		$('html,body').animate({'scrollTop':0},300);
	});
    
});