Team:Columbia-Cooper-NYC/trial2

From 2012.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script>
+
<body>
-
var timeout = 500;
+
<!-- dd menu -->
-
var closetimer = 0;
+
<script type="text/javascript">
-
var ddmenuitem = 0;
+
<!--
 +
var timeout         = 500;
 +
var closetimer = 0;
 +
var ddmenuitem     = 0;
 +
// open hidden layer
function mopen(id)
function mopen(id)
{
{
Line 19: Line 23:
}
}
 +
// close showed layer
function mclose()
function mclose()
{
{
Line 24: Line 29:
}
}
 +
// go close timer
function mclosetime()
function mclosetime()
{
{
Line 29: Line 35:
}
}
 +
// cancel close timer
function mcancelclosetime()
function mcancelclosetime()
{
{
Line 38: Line 45:
}
}
 +
// close layer when click-out
document.onclick = mclose;  
document.onclick = mclose;  
 +
// -->
</script>
</script>
-
</head>
+
<style>
-
 
+
-
<body>
+
-
<ul id="sddm">
+
-
    <li><a href="#"
+
-
        onmouseover="mopen('m1')"
+
-
        onmouseout="mclosetime()">Home</a>
+
-
        <div id="m1"
+
-
            onmouseover="mcancelclosetime()"
+
-
            onmouseout="mclosetime()">
+
-
        <a href="#">HTML/CSS</a>
+
-
        <a href="#">DHTML Menu</a>
+
-
        <a href="#">JavaScript</a>
+
-
        </div>
+
-
    </li>
+
-
    <li><a href="#"
+
-
        onmouseover="mopen('m2')"
+
-
        onmouseout="mclosetime()">Download</a>
+
-
        <div id="m2"
+
-
            onmouseover="mcancelclosetime()"
+
-
            onmouseout="mclosetime()">
+
-
        <a href="#">ASP Server-side</a>
+
-
        <a href="#">Pulldown navigation</a>
+
-
        <a href="#">AJAX Drop Submenu</a>
+
-
        <a href="#">DIV Cascading </a>
+
-
        </div>
+
-
    </li>
+
-
    <li><a href="#">Order</a></li>
+
-
    <li><a href="#">Help</a></li>
+
-
    <li><a href="#">Contact</a></li>
+
-
</ul>
+
-
</div style="clear:both"></div>
+
-
</body>
+
-
 
+
-
<head>
+
-
<body>
+
-
<style type = "text/css">
+
#sddm
#sddm
{ margin: 0;
{ margin: 0;
Line 126: Line 99:
{ background: #49A3FF;
{ background: #49A3FF;
color: #FFF}
color: #FFF}
 +
</style>
 +
 +
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
 +
<ul id="sddm" style="width:420px;margin:0 auto">
 +
<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="#">HTML/CSS</a>
 +
<a href="#">DHTML Menu</a>
 +
<a href="#">Home Sweet Home</a>
 +
<a href="#">Cascading</a>
 +
<a href="#">CSS Horizontal</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="#">ASP Server-side</a>
 +
<a href="#">Pulldown navigation</a>
 +
<a href="#">AJAX Drop Submenu</a>
 +
<a href="#">DIV Cascading</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="#">Visa Credit Card</a>
 +
<a href="#">Paypal</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
 +
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="#">Download Help File</a>
 +
<a href="#">Read online</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Notebook</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="#">E-mail</a>
 +
<a href="#">Submit Request Form</a>
 +
<a href="#">Call Center</a>
 +
</div>
 +
</li>
 +
</ul>
 +
<div style="clear:both"></div>
 +
<!-- /span></div -->
 +
<!-- /dd -->
 +
</script>
</body>
</body>
</head>
</head>
-
 
-
<head>
 
-
<style>
 
-
h2{
 
-
font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
 
-
font-weight: bold;
 
-
color: black;
 
-
}
 
-
 
-
p{
 
-
font: 1.2em Georgia, serif;
 
-
color: black;
 
-
}
 
-
 
-
#fredbuilding{
 
-
width: 500px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
}
 
-
</style>
 
-
</head>
 
-
</html>
 

Latest revision as of 22:06, 16 August 2012