Team:BIT/device.js

From 2014.igem.org

(Difference between revisions)
(Created page with "// JavaScript Document $(document).ready(function(){ $("#A").click(function(){ $("#right2").css("display","none"); $("#right1").css("display","block"); }); $("#B").c...")
 
Line 5: Line 5:
$("#right2").css("display","none");
$("#right2").css("display","none");
$("#right1").css("display","block");
$("#right1").css("display","block");
 +
$("#right span").css("margin-left","100");
 +
$("#right span").css("margin-right","0");
   });
   });
    
    
Line 10: Line 12:
$("#right1").css("display","none");
$("#right1").css("display","none");
$("#right2").css("display","block");
$("#right2").css("display","block");
 +
$("#right span").css("margin-left","110");
 +
$("#right span").css("margin-right","15");
 +
   });
   });
    
    

Latest revision as of 14:51, 17 October 2014

// JavaScript Document $(document).ready(function(){

 $("#A").click(function(){

$("#right2").css("display","none"); $("#right1").css("display","block"); $("#right span").css("margin-left","100"); $("#right span").css("margin-right","0");

 });
 
 $("#B").click(function(){

$("#right1").css("display","none"); $("#right2").css("display","block"); $("#right span").css("margin-left","110"); $("#right span").css("margin-right","15");

 });
  
 $(".devicea2").click(function(){

$(".pictures").css("display","none"); $(".interface").css("display","none"); $(".devicec1").css("z-index",0); $(".devicea1").css("z-index",1); $(".deviceb1").css("z-index",0); $(".introduce").css("display","block"); $(".title1").css("color","#35a5ca"); $(".title2").css("color","#666"); $(".title3").css("color","#666");

 });
 
 $(".deviceb2").click(function(){

$(".interface").css("display","none"); $(".introduce").css("display","none"); $(".devicec1").css("z-index",0); $(".devicea1").css("z-index",0); $(".deviceb1").css("z-index",1); $(".pictures").css("display","block"); $(".title2").css("color","#35a5ca"); $(".title1").css("color","#666"); $(".title3").css("color","#666");

 });
 
 $(".devicec2").click(function(){

$(".pictures").css("display","none"); $(".introduce").css("display","none"); $(".devicec1").css("z-index",1); $(".devicea1").css("z-index",0); $(".deviceb1").css("z-index",0); $(".interface").css("display","block"); $(".title3").css("color","#35a5ca"); $(".title2").css("color","#666"); $(".title1").css("color","#666");

 });
 

})