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

(Created page with "$(function(){ $(document).attr("title","Applied Design - Team:SSTi-SZGD - 2018.igem.org"); //Navigation $(".btn_nav .Application a").eq(0).addClass("active"); $(".sub_...")
 
Line 15: Line 15:
 
$(".page_title").text("应用设计");
 
$(".page_title").text("应用设计");
 
}
 
}
−
 
−
 
−
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"});
 
−
}
 
−
}
 
−
 
−
}
 
−
 
−
});
 
 
 
 
 

Revision as of 00:57, 18 October 2018

$(function(){

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

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

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

if(window.location.search==""){ $(".page_title").text("Applied Design"); }else{ $(".page_title").text("应用设计"); }


//card_content_Tab $(".card_title span").each(function(index){ $(this).click(function(){ $(".card_title div").removeClass("active"); $(".card_title div").eq(index).addClass("active"); $(".card_content p").css("display","none"); $(".card_content p").eq(index).css("display","block"); if(index==0){ $(".card_content").css("border-radius","0 10px 10px 10px"); }else if(index==1){ $(".card_content").css("border-radius","10px"); }else{ $(".card_content").css("border-radius","10px 0 10px 10px"); } }); });

});