Team:KAIST-Korea/menu-BrandNew

From 2011.igem.org

(Difference between revisions)
 
(28 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;
}
}
-
.container {
+
.Menu{
position:relative;
position:relative;
-
width:100%;
+
width:400px;
-
}
+
height:60px;
-
.right {
+
margin:0;
-
position:absolute;
+
padding:0;
-
right:0px;
+
-
width:380px;
+
-
height:50px;
+
background-color:white;
background-color:white;
 +
}
 +
li{
 +
display : inline;
}
}
</style>
</style>
Line 27: Line 33:
<body>
<body>
-
<div class="container">
+
<ul class="Menu">
-
<div class="right">
+
<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/1/11/Calculator_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/9/93/Computer_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/e/ea/Control_panel_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/6/6c/Email_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/3/3e/Mac_DVD_player_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/4/4f/Mac_simple_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>
-
<a ><img id="icon" src="https://static.igem.org/mediawiki/2011/f/f3/Search_test.png"/></a>
+
</ul>
-
</div>
+
 
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 15:41, 3 August 2011