Team:GeorgiaState/Test

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
/* Credits: Stu Nicholls */
+
<html>
-
/* URL: http://www.stunicholls.com/menu/pro_drop_1/stuHover.js */
+
<head>
 +
<title>Team:Georgia State University</title>
-
stuHover = function() {
+
<link href="http://dl.dropbox.com/u/23122618/styles.css" rel="stylesheet" type="text/css">
-
var cssRule;
+
 
-
var newSelector;
+
 
-
for (var i = 0; i < document.styleSheets.length; i++)
+
 
-
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
+
<div id='cssmenu'>
-
{
+
<ul>
-
cssRule = document.styleSheets[i].rules[x];
+
  <li class='active '><a href='index.html'><span>Home</span></a></li>
-
if (cssRule.selectorText.indexOf("LI:hover") >= 0)
+
  <li class='has-sub '><a href='#'><span>Our Team</span></a>
-
{
+
      <ul>
-
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
+
        <li class='has-sub '><a href='#'><span>Product 1</span></a>
-
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
+
            <ul>
-
}
+
              <li><a href='#'><span>Sub Item</span></a></li>
-
}
+
              <li><a href='#'><span>Sub Item</span></a></li>
-
var getElm = document.getElementById("nav").getElementsByTagName("LI");
+
            </ul>
-
for (var i=0; i<getElm.length; i++) {
+
        </li>
-
getElm[i].onmouseover=function() {
+
        <li class='has-sub '><a href='#'><span>Product 2</span></a>
-
this.className+=" iehover";
+
            <ul>
-
}
+
              <li><a href='#'><span>Sub Item</span></a></li>
-
getElm[i].onmouseout=function() {
+
              <li><a href='#'><span>Sub Item</span></a></li>
-
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
+
            </ul>
-
}
+
        </li>
-
}
+
      </ul>
 +
  </li>
 +
  <li><a href='#'><span>About</span></a></li>
 +
  <li><a href='#'><span>Contact</span></a></li>
 +
</ul>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<style type="text/css">
 +
 
 +
/*============the following section is for making collapsible text============*/
 +
.layer1 {
 +
margin: 0;
 +
padding: 0;
 +
width: 700px;
}
}
-
if (window.attachEvent) window.attachEvent("onload", stuHover);
+
 +
.heading {
 +
margin: 1px;
 +
color: #fff;
 +
padding: 3px 10px;
 +
cursor: pointer;
 +
position: relative;
 +
background-color:black;
 +
text-align:center;
 +
}
 +
.content {
 +
padding: 5px 10px;
 +
background-color:#fafafa;
 +
}
 +
p { padding: 5px 0; }
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
<body>
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 14:56, 13 September 2012

Team:Georgia State University