Team:Wash U/Temp

From 2009.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 1: Line 1:
 +
{{WashUback}}
<html>
<html>
-
 
+
<head>
-
 
+
<title>Advanced Menu Bar</title>
-
<style>
+
<!-- Advanced Menu Bar Generated by SearchBliss.com - Copyright 2002 - All Rights Reserved -->
-
h1.firstHeading { display: none; }
+
<script language="JavaScript">
-
 
+
<!--
-
p {text-align: justify;}
+
function MM_preloadImages() { //v3.0
-
 
+
   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-
a:link { color: #00b0e6; text-decoration: none}
+
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-
a:visited { color:#00b0e6; text-decoration: none}
+
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-
a:hover { color:#f29400; text-decoration: none}
+
-
a:active { color:#f29400; text-decoration: none}
+
-
 
+
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
+
-
 
+
-
table#team_members { text-align: justify; border: 0; }
+
-
table#team_members h2, table#team_members h3 { clear: both; }
+
-
 
+
-
 
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
div.MenuBar ul li ul.DropDownMenu {
+
-
  display: none; /* Hides all drop-down menus. */
+
-
 
+
-
}
+
-
/*width. */
+
-
   position: absolute;  
+
-
  top: 23px; /* Places the drop-down menu under the menu bar.
+
-
                Keep it sync with the menu bar height. */
+
-
  left: 0; /* Aligns the drop-down menu to its top-level item. */
+
-
li:hover works in IE7 and FF2.
+
-
a:hover works in IE6 and FF2.
+
-
a:hover breaks li:hover in FF2.
+
-
*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
-
  display: none; /* Hides all side menus. */
+
-
}
+
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
-
div.MenuBar {
+
-
  font: arial, helvetica, sans-serif;
+
-
  height: 30px;
+
-
  width: 910px;
+
-
  /*width: 100%*/
+
-
  margin: 0;
+
-
  border-top: 0;
+
-
  border-right: 0;
+
-
  border-left: 0;
+
-
  padding: 0;
+
-
  background: red;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: red;
+
-
}
+
-
div.MenuBar ul li {
+
-
  font: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: red;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
}
}
-
div.MenuBar ul li a {
+
function MM_findObj(n, d) { //v3.0
-
   font: arial, helvetica, sans-serif;
+
   var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-
  display: block;
+
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-
  background: red;
+
   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-
   height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
-
  color: #ffffff;
+
-
   padding-top: 4px;
+
-
  padding-bottom: 4px;
+
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
-
  text-decoration: none;
+
}
}
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
function MM_nbGroup(event, grpName) { //v3.0
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
  var i,img,nbArr,args=MM_nbGroup.arguments;
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
  if (event == "init" && args.length > 2) {
-
  display: block;
+
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
-
  width: 10em; /* Drop-down menu width.
+
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
-
                  Use MenuTailor.css to customize. */
+
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
-
  height: 1em;
+
      nbArr[nbArr.length] = img;
-
  padding: 1px; /* Sets the drop-down menu "effective border"
+
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
-
  background-color: red; /* Selected item. */
+
        if (!img.MM_up) img.MM_up = img.src;
-
  color: #FFFFFF;
+
        img.src = img.MM_dn = args[i+1];
-
 
+
        nbArr[nbArr.length] = img;
-
}
+
    } }
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
  } else if (event == "over") {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
    document.MM_nbOver = nbArr = new Array();
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
-
                            Use MenuTailor.css to customize. */
+
      if (!img.MM_up) img.MM_up = img.src;
-
  height: 1em;
+
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
-
  padding-left: 0;
+
      nbArr[nbArr.length] = img;
-
   padding-right: 0;
+
    }
-
  background-color: red; /* Selected item. */
+
   } else if (event == "out" ) {
-
  color: #FFFFFF;
+
    for (i=0; i < document.MM_nbOver.length; i++) {
-
}
+
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
-
ul.DropDownMenu li a span {
+
  } else if (event == "down") {
-
  display: block;
+
    if ((nbArr = document[grpName]) != null)
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
-
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
+
    document[grpName] = nbArr = new Array();
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
-
}
+
      if (!img.MM_up) img.MM_up = img.src;
-
ul.DropDownMenu li a span span {
+
      img.src = img.MM_dn = args[i+1];
-
  float: left; /* Aligns the text (back) to the left. */
+
      nbArr[nbArr.length] = img;
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
   } }
-
  height: 20px;
+
-
   color: #FFFFFF;
+
}
}
 +
//-->
 +
</script>
 +
</head>
 +
<body bgcolor="#FFFFFF"  LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" onLoad="MM_preloadImages('down.gif','over.gif','up.gif')">
 +
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC">
 +
  <tr>
 +
    <td><a href="https://2009.igem.org/Team:Wash_U"><img name="menu1" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu2" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu3" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu4" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu5" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu6" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
    <td><a href="http://"><img name="menu7" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
 +
  </tr>
 +
</table>
 +
<div id="Layer1" style="position:absolute; width:102px; height:17px; z-index:1; left: 6px; top: 7px" visibility: visible">
 +
  <div align="center"><a href="https://2009.igem.org/Team:Wash_U"  onClick="MM_nbGroup('down','group1','menu1','down.gif',1)" onMouseOver="MM_nbGroup('over','menu1','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2">Home</font></a></div>
 +
</div>
 +
<div id="Layer2" style="position:absolute; width:102px; height:17px; z-index:1; left: 122px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu2','down.gif',1)" onMouseOver="MM_nbGroup('over','menu2','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer3" style="position:absolute; width:102px; height:17px; z-index:1; left: 237px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu3','down.gif',1)" onMouseOver="MM_nbGroup('over','menu3','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer4" style="position:absolute; width:102px; height:17px; z-index:1; left: 352px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu4','down.gif',1)" onMouseOver="MM_nbGroup('over','menu4','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer5" style="position:absolute; width:102px; height:17px; z-index:1; left: 467px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu5','down.gif',1)" onMouseOver="MM_nbGroup('over','menu5','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer6" style="position:absolute; width:102px; height:17px; z-index:1; left: 582px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu6','down.gif',1)" onMouseOver="MM_nbGroup('over','menu6','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
<div id="Layer7" style="position:absolute; width:102px; height:17px; z-index:1; left: 696px; top: 7px; visibility: visible">
 +
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu7','down.gif',1)" onMouseOver="MM_nbGroup('over','menu7','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
 +
</div>
 +
</body>
 +
</html>
 +
{{WashUbottom}}

Latest revision as of 20:43, 18 June 2009

Advanced Menu Bar

Retrieved from "http://2009.igem.org/Team:Wash_U/Temp"