Team:Paris/MenuBackup

From 2008.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> #nav, #nav ul { position: relative; margin: 0 auto; - purpose: allow centering ul table: padding: 0; display: table /* purpose: ul doesn't str...)
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