Team:Alberta/Header3
From 2009.igem.org
(Difference between revisions)
Home World (Talk | contribs) (Removing all content from page) |
Home World (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <link rel="stylesheet" type="text/css" href="http://www.ualberta.ca/~enoch/Header3/headercss.css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="http://www.ualberta.ca/~enoch/Header3/dropdowncss.css" /> | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | #utilNav ul li {list-style-image: none;} | ||
+ | #suppNav ul li {list-style-image: none;} | ||
+ | #mainNav ul li {list-style-image: none;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | <script type="text/javascript" src="http://www.ualberta.ca/~enoch/Header3/JAVA.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | function ddnav() { | ||
+ | $('#ddNav li').hover( | ||
+ | function () { | ||
+ | $(this).find('div:first').css('display','block');}, | ||
+ | function () { | ||
+ | $(this).find('div:first').css('display','none');} | ||
+ | ); | ||
+ | } | ||
+ | |||
+ | function ddnavsub() { | ||
+ | $('#ddNav span > a').toggle( | ||
+ | function () { | ||
+ | $(this).removeClass("expand").addClass("collapse"); | ||
+ | $(this).parent().find('div:first').slideDown('fast'); | ||
+ | $(this).hover( | ||
+ | function (){$(this).css('background-color','#99AAFF')}, | ||
+ | function (){$(this).css('background-color','#99AAFF')});}, | ||
+ | function () { | ||
+ | $(this).removeClass("collapse").addClass("expand"); | ||
+ | $(this).parent().find('div:first').css('display','none'); | ||
+ | $(this).hover( | ||
+ | function (){$(this).css('background-color','#F5F5F0')}, | ||
+ | function (){$(this).css('background-color','#FFFFFF')});} | ||
+ | ).addClass('expand'); | ||
+ | } | ||
+ | |||
+ | function ddtoggle() { | ||
+ | $('#ddToggle').toggle( | ||
+ | function () { | ||
+ | $('#ddNav').css('position','fixed'); | ||
+ | $('#ddNav').css('left','10px'); | ||
+ | $('#ddNav').css('bottom','auto'); | ||
+ | $('#ddNav').css('top','0'); | ||
+ | $('#ddNav li>a').css('background-image','none'); | ||
+ | $('#ddNav li>a').css('border','1px solid #075a90'); | ||
+ | $('#ddNav li>a').css('border-top','none');}, | ||
+ | function () { | ||
+ | $('#ddNav').css('position','absolute'); | ||
+ | $('#ddNav').css('left','0'); | ||
+ | $('#ddNav').css('top','auto'); | ||
+ | $('#ddNav').css('bottom','0'); | ||
+ | $('#ddNav li>a').css('background-image','url(https://static.igem.org/mediawiki/2008/9/99/Round-chamfer-10px.png)'); | ||
+ | $('#ddNav li>a').css('border','none');} | ||
+ | ); | ||
+ | } | ||
+ | |||
+ | function ddmozilla() { | ||
+ | ddtoggle(); | ||
+ | } | ||
+ | |||
+ | $(function () { | ||
+ | ddnav(); | ||
+ | ddnavsub(); | ||
+ | |||
+ | if($.browser.mozilla) {ddmozilla();} | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <div id="ddToggle"> dock/undock dropdown </div> | ||
+ | |||
+ | <div id="header"> | ||
+ | |||
+ | |||
+ | <!-- logo --> | ||
+ | <div id="logo"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2009/a/a1/UofA_HeaderBanner.jpg" width=950 height=240/></a></center> | ||
+ | </div> | ||
+ | <!-- END logo --> | ||
+ | |||
+ | <!-- main navigation --> | ||
+ | <div id="mainNav"> | ||
+ | |||
+ | <ul id="ddNav"> | ||
+ | <li> | ||
+ | <a>The Team</a> | ||
+ | <div> | ||
+ | <a href="http://igem.biochem.ualberta.ca/extsite/node/3">Team Roster</a> | ||
+ | <a href="http://igem.biochem.ualberta.ca/wiki/index.php/People">Contact Info</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <!-- END main navigation --> | ||
+ | |||
+ | </div> | ||
+ | </html> |
Revision as of 19:57, 9 July 2009
dock/undock dropdown