Team:ETH Zurich/Templates/HeaderNew

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
Line 6: Line 6:
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&amp;ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&amp;ctype=text/css" type="text/css" />
<script type="text/javascript">
<script type="text/javascript">
-
/*
 
-
function restoreMenu(fadeOutOnly)
 
-
{
 
-
$('.submenu').stop(true,  true).fadeOut(200);
 
-
for (key in colors)
 
-
{
 
-
obj = $('#' + key);
 
-
 
-
obj.children().stop(true).animate({color: colors[key]}, 500);
 
-
obj.stop(true).animate({ backgroundColor: '#FFFFFF' }, 500);
 
-
 
-
}
 
-
 
-
if (!fadeOutOnly)
 
-
{
 
-
if (currSection != "{{{currSection}}}")
 
-
{
 
-
var obj = $('#' + currSection);
 
-
obj.stop(true).animate({ backgroundColor: colors[currSection] }, 500);
 
-
obj.children().stop(true).animate({color: 'white'}, 500);
 
-
$('#headpic').stop(true).delay(200).animate({ backgroundColor: colors[currSection]}, 500);
 
-
$('.'+currSection+'Sub').stop(true).delay(400).fadeIn(500);
 
-
}
 
-
}
 
-
}
 
-
 
-
 
$(document).ready( function()
$(document).ready( function()
{
{
-
 
     $(function()
     $(function()
{
{
-
restoreMenu(false);
+
//restoreMenu(false);
-
    });
+
-
 
+
-
 
+
-
    $('#menu').mouseleave(function() {
+
-
// restoreMenu(false);
+
     });
     });
     $('#menulist li').mouseover(function(){
     $('#menulist li').mouseover(function(){
-
// $('.listhead').not('.curlink').css("color","#ffffff");
+
/*
-
 
+
var foo = $(this).attr('id');
var foo = $(this).attr('id');
if (foo != lastPage)
if (foo != lastPage)
Line 75: Line 41:
var vActive = $(this).attr("id");
var vActive = $(this).attr("id");
$('.'+vActive+'Sub').stop(true).delay(400).fadeIn(500);
$('.'+vActive+'Sub').stop(true).delay(400).fadeIn(500);
 +
*/
     });
     });
$('.listmain').mouseover(function(){
$('.listmain').mouseover(function(){
-
$(this).stop(true).animate({color: '#FFFFFF'}, 200);
+
// $(this).stop(true).animate({color: '#FFFFFF'}, 200);
     });
     });
$('.listmain').mouseleave(function(){
$('.listmain').mouseleave(function(){
-
$(this).stop(true).animate({color: '#DDDDDD'}, 200);
+
// $(this).stop(true).animate({color: '#DDDDDD'}, 200);
     });
     });
});
});
-
*/
+
 
</script>
</script>
<style type="text/css">
<style type="text/css">
-
 
-
 
-
 
/**
/**
Line 416: Line 380:
#navi,.navi
#navi,.navi
{
{
-
     height: 35px;
+
     height: 30px;
     width: 100%;
     width: 100%;
}
}
Line 437: Line 401:
</style>
</style>
 +
<div id="navi">
<div class="navi stickToTop">
<div class="navi stickToTop">
<ul class="dropdown dropdown-horizontal">
<ul class="dropdown dropdown-horizontal">
Line 504: Line 469:
</ul>
</ul>
 +
</div>
</div>
</div>

Revision as of 17:19, 14 October 2011

Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload

Retrieved from "http://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew"