Team:NCTU Formosa/source/header-notebook

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
.effect {
 
-
  left: 81.25%;
 
-
}
 
-
.left{
 
-
float:right;
 
-
width:45%;
 
-
display:block;
 
-
}
 
-
.right{
 
-
float:left;
 
-
width:45%;
 
-
display:block;
 
-
}
 
-
#cover{
 
-
background-color: #fbfbfb;
 
-
}
 
.download li {
.download li {
Line 54: Line 38:
border:0;
border:0;
margin-bottom: 5px;
margin-bottom: 5px;
 +
cursor: pointer;
}
}
-
 
+
.cal li:hover {color:red;}
h3 {
h3 {
padding-top: 0px;
padding-top: 0px;
Line 184: Line 169:
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
-
$(".doo1").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo9").hide(500) ;
-
$(".doo9").hide() ;
+
-
$(".doo11").hide() ;
+
-
$(".doo12").hide() ;
+
-
$(".doo13").hide() ;
+
-
$(".doo14").hide() ;
+
-
$(".doo15").hide() ;
+
-
$(".doo16").hide() ;
+
-
$(".doo17").hide() ;
+
-
$(".doo18").hide() ;
+
-
$(".doo10").hide() ;
+
   $("#move1").click(function(){
   $("#move1").click(function(){
-
$(".doo1").toggle(500);
+
$(".doo1").slideToggle(500);
-
 
+
$(".doo2").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo9").hide(500) ;
-
$(".doo9").hide() ;
+
   });
   });
   $("#move2").click(function(){
   $("#move2").click(function(){
-
   $(".doo2").toggle(500);
+
   $(".doo2").slideToggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move3").click(function(){
   $("#move3").click(function(){
-
   $(".doo3").toggle(500);
+
   $(".doo3").slideToggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move4").click(function(){
   $("#move4").click(function(){
   $(".doo4").toggle(500);
   $(".doo4").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move5").click(function(){
   $("#move5").click(function(){
   $(".doo5").toggle(500);
   $(".doo5").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move6").click(function(){
   $("#move6").click(function(){
   $(".doo6").toggle(500);
   $(".doo6").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move7").click(function(){
   $("#move7").click(function(){
   $(".doo7").toggle(500);
   $(".doo7").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move8").click(function(){
   $("#move8").click(function(){
   $(".doo8").toggle(500);
   $(".doo8").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo9").hide() ;
+
$(".doo9").hide(500) ;
   });
   });
   $("#move9").click(function(){
   $("#move9").click(function(){
   $(".doo9").toggle(500);
   $(".doo9").toggle(500);
-
$(".doo1").hide() ;
+
$(".doo1").hide(500) ;
-
$(".doo2").hide() ;
+
$(".doo2").hide(500) ;
-
$(".doo3").hide() ;
+
$(".doo3").hide(500) ;
-
$(".doo4").hide() ;
+
$(".doo4").hide(500) ;
-
$(".doo5").hide() ;
+
$(".doo5").hide(500) ;
-
$(".doo6").hide() ;
+
$(".doo6").hide(500) ;
-
$(".doo7").hide() ;
+
$(".doo7").hide(500) ;
-
$(".doo8").hide() ;
+
$(".doo8").hide(500) ;
   });
   });
});
});
</script>
</script>
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
 +
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 +
<link rel="stylesheet" href="/resources/demos/style.css">

Latest revision as of 06:07, 28 August 2015