Team:Columbia-Cooper-NYC/trial2
From 2012.igem.org
(Difference between revisions)
MChowdhury (Talk | contribs) (Created page with "<html> <head> <script> var timeout = 500; var closetimer = 0; var ddmenuitem = 0; function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddme...") |
MChowdhury (Talk | contribs) |
||
(11 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> | ||
- | < | + | <style> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#sddm | #sddm | ||
{ margin: 0; | { margin: 0; | ||
Line 125: | Line 99: | ||
{ background: #49A3FF; | { background: #49A3FF; | ||
color: #FFF} | color: #FFF} | ||
+ | </style> | ||
- | < | + | <!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span --> |
- | <style> | + | <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> | ||
</head> | </head> |
Latest revision as of 22:06, 16 August 2012