Team:NCTU Formosa/source/header/Test
From 2014.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
Line 54: | Line 52: | ||
} | } | ||
- | + | ||
.ch-img-1 { | .ch-img-1 { | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg'); | |
} | } | ||
.ch-img-11 { | .ch-img-11 { | ||
- | + | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg'); | ||
} | } | ||
Line 120: | Line 119: | ||
} | } | ||
</style> | </style> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $(".move1").hide(); | ||
+ | $(".move2").hide(); | ||
+ | $(".move3").hide(); | ||
+ | $(".move4").hide(); | ||
+ | $(".move5").hide(); | ||
+ | $(".move6").hide(); | ||
+ | $(".move7").hide(); | ||
+ | $(".move8").hide(); | ||
+ | $(".move9").hide();$(".move10").hide(); | ||
+ | |||
+ | $("#seemore1").click(function(){ | ||
+ | $(".move1").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore2").click(function(){ | ||
+ | $(".move2").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore3").click(function(){ | ||
+ | $(".move3").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore4").click(function(){ | ||
+ | $(".move4").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore5").click(function(){ | ||
+ | $(".move5").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore6").click(function(){ | ||
+ | $(".move6").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore7").click(function(){ | ||
+ | $(".move7").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore8").click(function(){ | ||
+ | $(".move8").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore9").click(function(){ | ||
+ | $(".move9").slideToggle(); | ||
+ | }); | ||
+ | $("#seemore10").click(function(){ | ||
+ | $(".move10").slideToggle(); | ||
+ | }); | ||
+ | }); | ||
+ | </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"> | ||
+ | <script> | ||
+ | $(function() { | ||
+ | $( "#dialog" ).dialog({ | ||
+ | autoOpen: false, | ||
+ | show: { | ||
+ | effect: "blind", | ||
+ | duration: 1000 | ||
+ | }, | ||
+ | hide: { | ||
+ | effect: "explode", | ||
+ | duration: 1000 | ||
+ | } | ||
+ | }); | ||
+ | $( "#opener" ).click(function() { | ||
+ | $( "#dialog" ).dialog( "open" ); | ||
+ | }); | ||
+ | }); | ||
+ | </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"> | ||
+ | <script> | ||
+ | $(function() { | ||
+ | $( "#dialog" ).dialog({ | ||
+ | autoOpen: false, | ||
+ | show: { | ||
+ | effect: "blind", | ||
+ | duration: 1000 | ||
+ | }, | ||
+ | hide: { | ||
+ | effect: "explode", | ||
+ | duration: 1000 | ||
+ | } | ||
+ | }); | ||
+ | $( "#opener" ).click(function() { | ||
+ | $( "#dialog" ).dialog( "open" ); | ||
+ | }); | ||
+ | }); | ||
+ | </script> |
Latest revision as of 15:05, 17 October 2014