Team:KAIST-Korea/menu-BrandNew

From 2011.igem.org

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

Latest revision as of 15:41, 3 August 2011