Team:KAIST-Korea/menu-BrandNew

From 2011.igem.org

(Difference between revisions)
 
(23 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 {
+
#Icon {
width : 50px;
width : 50px;
height : 50px;
height : 50px;
 +
border : 2px solid blue;
}
}
-
.right {
+
.Menu{
-
float:right;
+
position:relative;
-
width:380px;
+
width:400px;
-
height:50px;
+
height:60px;
 +
margin:0;
 +
padding:0;
background-color:white;
background-color:white;
}
}
-
.hovermenu a:hover {
+
li{
-
background-color:red;
+
display : inline;
-
height:150px;
+
}
}
-
<!--
 
-
.hovermenu a:active {
 
-
padding-bottom:100px;
 
-
}
 
-
-->
 
</style>
</style>
</head>
</head>
<body>
<body>
-
<div class="right"><div class="hovermenu">
+
<ul class="Menu">
-
<a ><img id="icon" src="https://static.igem.org/mediawiki/2011/1/11/Calculator_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/9/93/Computer_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/e/ea/Control_panel_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/6/6c/Email_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/3/3e/Mac_DVD_player_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/4/4f/Mac_simple_test.png"/></a>
+
<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="icon" src="https://static.igem.org/mediawiki/2011/f/f3/Search_test.png"/></a>
+
<li ><a href="javascript:SubMenu();"><img id="Icon" src="https://static.igem.org/mediawiki/2011/f/f3/Search_test.png"/></a></li>
-
</div>
+
</ul>
-
</div>
+
 
</body>
</body>
</html>
</html>

Latest revision as of 15:41, 3 August 2011

Retrieved from "http://2011.igem.org/Team:KAIST-Korea/menu-BrandNew"