Header

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<script type="text/javascript">
 +
 +
jQuery.fn.droppy = function(options) {
 +
    options = jQuery.extend({speed: 250}, options || {});
 +
    this.each(function() {
 +
    var root = this, zIndex = 1000;
 +
   
 +
    function getSubnav(ele) {
 +
      if (ele.nodeName.toLowerCase() == 'li')
 +
      {
 +
        var subnav = jQuery('> ul', ele);
 +
        return subnav.length ? subnav[0] : null;
 +
      } else {
 +
        return ele;
 +
      }
 +
    }
 +
   
 +
    function getActuator(ele) {
 +
      if (ele.nodeName.toLowerCase() == 'ul')
 +
      {
 +
        return jQuery(ele).parents('li')[0];
 +
      } else {
 +
        return ele;
 +
      }
 +
    }
 +
   
 +
    function hide() {
 +
      var subnav = getSubnav(this);
 +
      if (!subnav) return;
 +
      jQuery.data(subnav, 'cancelHide', false);
 +
      setTimeout(function() {
 +
        if (!jQuery.data(subnav, 'cancelHide')) {
 +
          jQuery(subnav).slideUp(options.speed);
 +
        }
 +
      }, 500);
 +
      if (document.body.filters)
 +
          unhideSelect();
 +
    }
 +
 
 +
    function show() {
 +
      var subnav = getSubnav(this);
 +
      if (!subnav) return;
 +
      jQuery.data(subnav, 'cancelHide', true);
 +
      jQuery(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
 +
      if (this.nodeName.toLowerCase() == 'ul') {
 +
        var li = getActuator(this);
 +
        jQuery(li).addClass('hover');
 +
        jQuery('> a', li).addClass('hover');
 +
      }
 +
      if (document.body.filters)
 +
          hideSelect();
 +
    }
 +
 +
// hide Select
 +
function hideSelect() {
 +
var theIframe = document.getElementsByTagName("select")
 +
for (var count = 0; count < theIframe.length; count++)
 +
{
 +
theIframe[count].style.visibility="hidden";
 +
//theIframe[count].style.zIndex =-1;
 +
}
 +
}
 +
 +
// unhide Select
 +
function unhideSelect() {
 +
var theIframe = document.getElementsByTagName("select")
 +
for (var count = 0; count < theIframe.length; count++)
 +
{
 +
theIframe[count].style.visibility="";
 +
//theIframe[count].style.zIndex =-1;
 +
}
 +
}
 +
 +
 +
    jQuery('ul, li', this).hover(show, hide);
 +
    jQuery('li', this).hover(
 +
      function() { jQuery(this).addClass('hover'); jQuery('> a', this).addClass('hover'); },
 +
      function() { jQuery(this).removeClass('hover'); jQuery('> a', this).removeClass('hover'); }
 +
    );
 +
   
 +
  });
 +
 
 +
};
 +
</script>
<style>
<style>
Line 37: Line 122:
#gumax-nav ul { border: none; opacity: 100.0; filter: alpha(opacity=100.0); }
#gumax-nav ul { border: none; opacity: 100.0; filter: alpha(opacity=100.0); }
</style>
</style>
 +
</head>
<body>
<body>
-
<ul id="gumax-nav" class="hover">
+
<ul id="gumax-nav">
   <li><a id="gumax-nav-heading" href="Home" class=""> Home »</a>
   <li><a id="gumax-nav-heading" href="Home" class=""> Home »</a>
   <li><a id="gumax-nav-heading" href="Team" class=""> Team »</a>
   <li><a id="gumax-nav-heading" href="Team" class=""> Team »</a>
-
  <li id=>About Us
+
  </ul>
-
    <ul>
+
-
      <li><a href="#">History</a></li>
+
-
      <li><a href="#">Clients</a></li>
+
-
      <li><a href="#">Testimonials</a></li>
+
-
      <li><a href="#">Staff</a>
+
-
        <ul>
+
-
          <li><a href="#">George Orsmond</a>
+
-
            <ul>
+
-
              <li>Web Design</li>
+
-
              <li>Graphic Design</li>
+
-
              <li>HTML</li>
+
-
              <li>CSS</li>
+
-
            </ul>
+
-
          </li>
+
-
          <li><a href="#">Dave Macleod</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="#">FAQs</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li>Services
+
-
    <ul>
+
-
      <li><a href="#">Web Design</a></li>
+
-
      <li><a href="#">Graphic Design</a></li>
+
-
      <li><a href="#">Logo Design</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li>Products
+
-
    <ul>
+
-
      <li class="dir"><a href="#">Templates</a></li>
+
-
      <li class="dir"><a href="#">Stock Images</a>
+
-
        <ul>
+
-
          <li><a href="#">Category 1</a></li>
+
-
          <li><a href="#">Category 2</a></li>
+
-
          <li><a href="#">Category 3</a></li>
+
-
          <li><a href="#">Category 4</a></li>
+
-
          <li><a href="#">Category 5</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="#">Featured</a></li>
+
-
      <li><a href="#">Top Rated</a></li>
+
-
      <li><a href="#">Resources</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li><a href="#">Gallery</a></li>
+
-
  <li>Contact Us
+
-
    <ul>
+
-
      <li><a href="#">Contact Form</a></li>
+
-
      <li><a href="#">How to get here</a></li>
+
-
      <li><a href="#">View the map</a></li>
+
-
    </ul>
+
-
  </li>
+
-
</ul>
+
</body>
</body>
</html>
</html>
 +
/a>

Revision as of 13:29, 17 April 2013

/a>

Retrieved from "http://2013.igem.org/Header"