Team:UCLA/Aal
From 2014.igem.org
(Difference between revisions)
(12 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | div#monster { background:#de9a44; margin:3px; width:80px; height:40px; display:none; float:left; position:absolute; right:10px; top:0; } | ||
+ | #clickk {width:40px; height:40px; background:#ccc; position:absolute; top:0; right:10px;} | ||
+ | </style> | ||
+ | <script src="http://code.jquery.com/jquery-latest.min.js"></script> | ||
+ | </head> | ||
<body> | <body> | ||
- | |||
+ | <div style="width:550px; padding:40px 0 0;margin:0 auto; border:1px solid #111; position:relative;"> | ||
+ | <div id="monster"></div> | ||
+ | <div id="clickk"></div><br /> | ||
+ | <div style="width:500px; height:300px; background-color:#ccc; margin:0 auto;"></div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $("#clickk").hover(function () { | ||
+ | if ($("#monster").is(":hidden")) { | ||
+ | $("#monster").slideDown("fast"); | ||
+ | } else { | ||
+ | $("#monster").slideUp("fast"); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
- | </html> | + | </html> |
Latest revision as of 20:17, 6 August 2014