Difference between revisions of "Team:SSTi-SZGD/js/header"

 
Line 1: Line 1:
−
/*Lazy loading*/
+
/*nav*/
 
$(function(){
 
$(function(){
 
 
−
var winHeight=$(window).outerHeight();
+
$(".header .nav .mainnav").eq(1).hover(function(){
−
var footerTop=$(".footer_box").offset().top-$(window).scrollTop();
+
$(".header .nav .Project span").css("color","#FAEE0D");
−
 
+
$(".header .nav .Project .unify").stop().slideDown();
−
if(footerTop<winHeight-100){
+
},function(){
−
setTimeout(function(){
+
$(".header .nav .Project span").css("color","#fff");
−
$(".footer").addClass("a-fadeinB");
+
$(".header .nav .Project .unify").stop().slideUp();
−
$(".footer").css("display","block");
+
});
−
},150);
+
−
}
+
 
 
−
$(window).scroll(function(){
+
$(".header .nav .mainnav").eq(2).hover(function(){
−
+
$(".header .nav .Application span").css("color","#FAEE0D");
−
winHeight=$(window).outerHeight();
+
$(".header .nav .Application .unify").stop().slideDown();
−
footerTop=$(".footer_box").offset().top-$(window).scrollTop();
+
},function(){
−
+
$(".header .nav .Application span").css("color","#fff");
−
if(footerTop<winHeight-100){
+
$(".header .nav .Application .unify").stop().slideUp();
−
setTimeout(function(){
+
});
−
$(".footer").addClass("a-fadeinB");
+
−
$(".footer").css("display","block");
+
$(".header .nav .mainnav").eq(3).hover(function(){
−
},150);
+
$(".header .nav .Human_Practices span").css("color","#FAEE0D");
−
}
+
$(".header .nav .Human_Practices .unify").stop().slideDown();
−
+
},function(){
 +
$(".header .nav .Human_Practices span").css("color","#fff");
 +
$(".header .nav .Human_Practices .unify").stop().slideUp();
 +
});
 +
 +
$(".header .nav .mainnav").eq(4).hover(function(){
 +
$(".header .nav .Achievement span").css("color","#FAEE0D");
 +
$(".header .nav .Achievement .unify").stop().slideDown();
 +
},function(){
 +
$(".header .nav .Achievement span").css("color","#fff");
 +
$(".header .nav .Achievement .unify").stop().slideUp();
 +
});
 +
 +
$(".header .nav .mainnav").eq(5).hover(function(){
 +
$(".header .nav .Team span").css("color","#FAEE0D");
 +
$(".header .nav .Team .unify").stop().slideDown();
 +
},function(){
 +
$(".header .nav .Team span").css("color","#fff");
 +
$(".header .nav .Team .unify").stop().slideUp();
 
});
 
});
 
 
 
});
 
});

Latest revision as of 07:55, 23 October 2017

/*nav*/ $(function(){

$(".header .nav .mainnav").eq(1).hover(function(){ $(".header .nav .Project span").css("color","#FAEE0D"); $(".header .nav .Project .unify").stop().slideDown(); },function(){ $(".header .nav .Project span").css("color","#fff"); $(".header .nav .Project .unify").stop().slideUp(); });

$(".header .nav .mainnav").eq(2).hover(function(){ $(".header .nav .Application span").css("color","#FAEE0D"); $(".header .nav .Application .unify").stop().slideDown(); },function(){ $(".header .nav .Application span").css("color","#fff"); $(".header .nav .Application .unify").stop().slideUp(); });

$(".header .nav .mainnav").eq(3).hover(function(){ $(".header .nav .Human_Practices span").css("color","#FAEE0D"); $(".header .nav .Human_Practices .unify").stop().slideDown(); },function(){ $(".header .nav .Human_Practices span").css("color","#fff"); $(".header .nav .Human_Practices .unify").stop().slideUp(); });

$(".header .nav .mainnav").eq(4).hover(function(){ $(".header .nav .Achievement span").css("color","#FAEE0D"); $(".header .nav .Achievement .unify").stop().slideDown(); },function(){ $(".header .nav .Achievement span").css("color","#fff"); $(".header .nav .Achievement .unify").stop().slideUp(); });

$(".header .nav .mainnav").eq(5).hover(function(){ $(".header .nav .Team span").css("color","#FAEE0D"); $(".header .nav .Team .unify").stop().slideDown(); },function(){ $(".header .nav .Team span").css("color","#fff"); $(".header .nav .Team .unify").stop().slideUp(); });

});