"
Team:Paris/MenuBackup
From 2008.igem.org
(Difference between revisions)
(Undo revision 81322 by Romain.rousseau (Talk)) |
|||
| Line 85: | Line 85: | ||
</style> | </style> | ||
| + | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | function toggleElement(layer){ | ||
| + | var myLayer = document.getElementById(layer); | ||
| + | if(myLayer.style.display=="none"){ | ||
| + | myLayer.style.display="block"; | ||
| + | myLayer.backgroundPosition="top"; | ||
| + | } else { | ||
| + | myLayer.style.display="none"; | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | function ddmsie() { | ||
| + | $("#nav ul").css('display', 'inline-block'); | ||
| + | $("#nav li").css('display', 'inline'); | ||
| + | $("#nav a").css('display', 'inline-block'); | ||
| + | $("#nav a").hover(function () {$(this).css('background-color', '#d4e2ef')}, | ||
| + | function () {$(this).css('background-color', '#649cd7')}); | ||
| + | $("#nav div a").css('display', 'block'); | ||
| + | $("#nav div").css('left', '0'); | ||
| + | $("#nav div").css('top', '100%'); | ||
| + | $("#nav span div").css('top', '0'); | ||
| + | } | ||
| + | |||
| + | function ddmozilla() { | ||
| + | |||
| + | } | ||
| + | |||
| + | function ddnav() { | ||
| + | $("#nav li").hover( | ||
| + | function () { | ||
| + | $(this).find("div:first").css('display', 'inline');}, | ||
| + | function () { | ||
| + | $(this).find("div:first").css('display', 'none');} | ||
| + | ); | ||
| + | |||
| + | $("#nav span > a").toggle( | ||
| + | function () { | ||
| + | $(this).removeClass("#nav expand").addClass("#nav collapse"); | ||
| + | $(this).css('background-color', '#99AAFF'); | ||
| + | $(this).parent().find("div:first").css('display', 'block');}, | ||
| + | function () { | ||
| + | $(this).removeClass("#nav collapse").addClass("#nav expand"); | ||
| + | $(this).hover( | ||
| + | function () { | ||
| + | $(this).css('background-color', '#d4e2ef');}, | ||
| + | function () { | ||
| + | $(this).css('background-color', '#649cd7');} | ||
| + | ); | ||
| + | $(this).parent().find("div:first").css('display', 'none'); | ||
| + | } | ||
| + | ).addClass("#nav expand"); | ||
| + | } | ||
| + | |||
| + | $(function () { | ||
| + | if(jQuery.browser.msie) ddmsie(); | ||
| + | if(jQuery.browser.mozilla) ddmozilla(); | ||
| + | ddnav(); | ||
| + | }); | ||
| + | </script> | ||
<div align="center" id="nav"> | <div align="center" id="nav"> | ||
<ul> | <ul> | ||
Revision as of 19:38, 28 October 2008
