Team:KULeuven/Tools/Header
From 2008.igem.org
(Difference between revisions)
m |
m |
||
Line 4: | Line 4: | ||
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/wiki/js/jquery.js"></script> | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/wiki/js/jquery.js"></script> | ||
- | <script type="text/javascript" | + | <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','#99CCFF')}, | ||
+ | function (){$(this).css('background-color','#FFFFFF')});} | ||
+ | ).addClass('expand'); | ||
+ | } | ||
+ | |||
+ | function ddmozilla() { | ||
+ | |||
+ | } | ||
+ | |||
+ | $(function () { | ||
+ | ddnav(); | ||
+ | ddnavsub(); | ||
+ | }); | ||
+ | </script> | ||
<div id="header"> | <div id="header"> |
Revision as of 10:24, 9 October 2008