|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <body>
| |
- | <!-- dd menu -->
| |
- | <script type="text/javascript">
| |
- | <!--
| |
- | var timeout = 500;
| |
- | var closetimer = 0;
| |
- | var ddmenuitem = 0;
| |
| | | |
- | // open hidden layer
| |
- | function mopen(id)
| |
- | {
| |
- | // cancel close timer
| |
- | mcancelclosetime();
| |
- |
| |
- | // close old layer
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- |
| |
- | // get new layer and show it
| |
- | ddmenuitem = document.getElementById(id);
| |
- | ddmenuitem.style.visibility = 'visible';
| |
- |
| |
- | }
| |
- | // close showed layer
| |
- | function mclose()
| |
- | {
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- | }
| |
- |
| |
- | // go close timer
| |
- | function mclosetime()
| |
- | {
| |
- | closetimer = window.setTimeout(mclose, timeout);
| |
- | }
| |
- |
| |
- | // cancel close timer
| |
- | function mcancelclosetime()
| |
- | {
| |
- | if(closetimer)
| |
- | {
| |
- | window.clearTimeout(closetimer);
| |
- | closetimer = null;
| |
- | }
| |
- | }
| |
- |
| |
- | // close layer when click-out
| |
- | document.onclick = mclose;
| |
- | // -->
| |
- | </script>
| |
- | <style>
| |
- | #sddm
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | z-index: 30}
| |
- |
| |
- | #sddm li
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | float: left;
| |
- | font: bold 11px arial}
| |
- |
| |
- | #sddm li a
| |
- | { display: block;
| |
- | margin: 0 1px 0 0;
| |
- | padding: 4px 10px;
| |
- | width: 85px;
| |
- | background: #238E23;
| |
- | color: #FFF;
| |
- | text-align: center;
| |
- | text-decoration: none}
| |
- |
| |
- | #sddm li a:hover
| |
- | { background: #B87333}
| |
- |
| |
- | #sddm div
| |
- | { position: absolute;
| |
- | visibility: hidden;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | background: #4CC552;
| |
- | border: 1px solid #5C3317}
| |
- |
| |
- | #sddm div a
| |
- | { position: relative;
| |
- | display: block;
| |
- | margin: 0;
| |
- | padding: 5px 10px;
| |
- | width: auto;
| |
- | white-space: nowrap;
| |
- | text-align: left;
| |
- | text-decoration: none;
| |
- | background: #B5EAAA;
| |
- | color: #5C3317;
| |
- | font: 11px arial}
| |
- |
| |
- | #sddm div a:hover
| |
- | { background: #49A3FF;
| |
- | color: #FFF}
| |
- | </style>
| |
- |
| |
- |
| |
- | <!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
| |
- | <ul id="sddm" style="width:1000px;margin:0 auto">
| |
- | <li><a href="https://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
| |
- | <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
| |
- | <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
| |
- | <a href="https://igem.org/Team.cgi?year=2012">Official Profile</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
| |
- | <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="#">Overview</a>
| |
- | <a href="#">The Problem</a>
| |
- | <a href="#">Promoters</a>
| |
- | <a href="#">Data</a>
| |
- | <a href="#">Modeling</a>
| |
- | <a href="#">Conclusions/Accomplishments</a>
| |
- | <a href="#">Future Directions</a>
| |
- | <a href="#">References</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
| |
- | <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="#">Parts Submitted</a>
| |
- | <a href="#">Attributions</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Lab Notebook</a>
| |
- | <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Protocols">Protocols</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Human Practice</a>
| |
- | <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="#">Outreach</a>
| |
- | <a href="#">Collaboration</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
| |
- | <div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
| |
- | <a href="#">MSDS Sheets</a>
| |
- | <a href="https://2012.igem.org/Security">Security</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
| |
- | <div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="https://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
| |
- | <a href="#">Sponsors</a>
| |
- | <a href="#">Acknowledgements</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="https://2012.igem.org/Main_Page" onmouseover="mopen('m9')" onmouseout="mclosetime()">iGEM</a>
| |
- | <div id="m9" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | </div>
| |
- | </li>
| |
- | </ul>
| |
- | <div style="clear:both"></div>
| |
- | <!-- /span></div -->
| |
- | <!-- /dd -->
| |
- | </script>
| |
- | </body>
| |
- | </head>
| |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | [[Team:Columbia-Cooper-NYC/Universities|University Profiles]]
| |