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

Line 7: Line 7:
 
$(".sub_nav li.Acknowledgements a").eq(0).addClass("active");
 
$(".sub_nav li.Acknowledgements a").eq(0).addClass("active");
 
 
−
 
−
$(".Members .introduction li .img").hover(function(){
 
−
$(this).find("img:nth-of-type(1)").css("display","none");
 
−
$(this).find("img:nth-of-type(2)").css("display","block");
 
−
},function(){
 
−
$(this).find("img:nth-of-type(1)").css("display","block");
 
−
$(this).find("img:nth-of-type(2)").css("display","none");
 
−
});
 
−
 
−
 
 
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
 
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
−
if($(window).height()>=600){
+
−
$(".Content").css("height","auto");
+
//Banner
 +
if($(window).width()<768){
 +
$(".Banner").css({"height":"300px","background-size":"85%","margin":"50px 0 0 0"});
 +
}else{
 +
$(".Banner").css({"height":"600px","background-size":"70%","margin":"100px 0 0 0"});
 +
}
 +
 +
if(window.orientation=="-90"||window.orientation=="90"){
 +
if($(window).height()>=330){
 +
$(".Banner").css({"margin-top":"100px"});
 +
}
 
}
 
}
−
}else if($(window).height()>=600){
 
−
$(".Content").height($(window).height());
 
−
}else {
 
−
$(".Content").css("height","auto");
 
 
}
 
}
 
 
Line 30: Line 26:
 
 
 
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
 
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
−
if($(window).height()>=600){
+
if($(window).width()<768){
−
$(".Content").css("height","auto");
+
$(".Banner").css({"height":"300px","background-size":"85%","margin":"50px 0 0 0"});
 +
}else{
 +
$(".Banner").css({"height":"600px","background-size":"70%","margin":"100px 0 0 0"});
 +
}
 +
 +
if(window.orientation=="-90"||window.orientation=="90"){
 +
if($(window).height()>=330){
 +
$(".Banner").css({"margin-top":"100px"});
 +
}
 
}
 
}
−
}else if($(window).height()>=600){
 
−
$(".Content").height($(window).height());
 
−
}else {
 
−
$(".Content").css("height","auto");
 
 
}
 
}
 
 
 +
});
 +
 +
$(".Members .introduction li .img").hover(function(){
 +
$(this).find("img:nth-of-type(1)").css("display","none");
 +
$(this).find("img:nth-of-type(2)").css("display","block");
 +
},function(){
 +
$(this).find("img:nth-of-type(1)").css("display","block");
 +
$(this).find("img:nth-of-type(2)").css("display","none");
 
});
 
});
 
 

Revision as of 09:03, 13 October 2018

$(function(){

$(document).attr("title","Team - Team:SSTi-SZGD - 2018.igem.org");

//Navigation $(".btn_nav .Acknowledgements a").eq(0).addClass("active"); $(".sub_nav li.Acknowledgements a").eq(0).addClass("active");

if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){

//Banner if($(window).width()<768){ $(".Banner").css({"height":"300px","background-size":"85%","margin":"50px 0 0 0"}); }else{ $(".Banner").css({"height":"600px","background-size":"70%","margin":"100px 0 0 0"}); }

if(window.orientation=="-90"||window.orientation=="90"){ if($(window).height()>=330){ $(".Banner").css({"margin-top":"100px"}); } } }

$(window).resize(function(){

if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){ if($(window).width()<768){ $(".Banner").css({"height":"300px","background-size":"85%","margin":"50px 0 0 0"}); }else{ $(".Banner").css({"height":"600px","background-size":"70%","margin":"100px 0 0 0"}); }

if(window.orientation=="-90"||window.orientation=="90"){ if($(window).height()>=330){ $(".Banner").css({"margin-top":"100px"}); } } }

});

$(".Members .introduction li .img").hover(function(){ $(this).find("img:nth-of-type(1)").css("display","none"); $(this).find("img:nth-of-type(2)").css("display","block"); },function(){ $(this).find("img:nth-of-type(1)").css("display","block"); $(this).find("img:nth-of-type(2)").css("display","none"); });


$(".page_nav ul li").removeClass("active"); $(".page_nav ul li").eq(5).addClass("active");

if(window.location.search==""){ $(".page_title").text("Team"); }else{ $(".page_title").text("团队"); }

});