Team:Alberta/Header3

From 2009.igem.org

(Difference between revisions)
(Removing all content from page)
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">&nbsp; dock/undock dropdown &nbsp;</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