Team:KAIST-Korea/menu-BrandNew
From 2011.igem.org
(Difference between revisions)
(39 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<head> | <head> | ||
- | <script type="text/javascript"> | + | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> |
+ | <script type="text/javascript" src="https://2011.igem.org/Team:KAIST-Korea/menu-BrandNew-js?action=raw"></script> | ||
+ | <script type="text/javascript" language="javascript"> | ||
+ | function SubMenu(){ | ||
+ | document.write("hello world!"); | ||
+ | } | ||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | #Icon { |
- | width | + | width : 50px; |
- | height | + | height : 50px; |
+ | border : 2px solid blue; | ||
+ | } | ||
+ | .Menu{ | ||
+ | position:relative; | ||
+ | width:400px; | ||
+ | height:60px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | background-color:white; | ||
+ | } | ||
+ | li{ | ||
+ | display : inline; | ||
} | } | ||
</style> | </style> | ||
Line 16: | Line 33: | ||
<body> | <body> | ||
- | < | + | <ul class="Menu"> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/1/11/Calculator_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/9/93/Computer_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/e/ea/Control_panel_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/6/6c/Email_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/3/3e/Mac_DVD_player_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/4/4f/Mac_simple_test.png"/></a></li> |
- | <a ><img id=" | + | <li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/f/f3/Search_test.png"/></a></li> |
- | < | + | </ul> |
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 15:41, 3 August 2011