Team:NCTU Formosa/source/header-notebook
From 2014.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.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(){ | ||
- | + | $(".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( | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
$("#move1").click(function(){ | $("#move1").click(function(){ | ||
- | $(".doo1"). | + | $(".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"). | + | $(".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"). | + | $(".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