Team:Tuebingen/Template/NavigationAccLava
From 2013.igem.org
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
<script type="text/javascript" src="jquery_menu.js" style="display:none"> </script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type='text/javascript' style="display:none">
(function(jQuery){jQuery.fn.lavaLamp=function(o){o=jQuery.extend({target:'li',fx:'swing',speed:500,click:function(){return true},startItem:,autoReturn:true,returnDelay:0,setOnClick:true,homeTop:0,homeLeft:0,homeWidth:0,homeHeight:0,returnHome:false},o||{});return this.each(function(){if(jQuery(this).css('position')=='static')
jQuery(this).css('position','relative');if(o.homeTop||o.homeLeft){var $home=jQuery('<'+o.target+' class="homeLava"></'+o.target+'>').css({left:o.homeLeft,top:o.homeTop,width:o.homeWidth,height:o.homeHeight,position:'absolute'});jQuery(this).prepend($home);}
var path=location.pathname+location.search+location.hash,$selected,$back,$lt=jQuery(o.target+'[class!=noLava]',this),delayTimer,bx=by=0;$selected=jQuery(o.target+'.selectedLava',this);if(o.startItem!=)
$selected=$lt.eq(o.startItem);if((o.homeTop||o.homeLeft)&&$selected.length<1)
$selected=$home;if($selected.length<1){var pathmatch_len=0,$pathel;$lt.each(function(){var thishref=$('a:first',this).attr('href');if(path.indexOf(thishref)>-1&&thishref.length>pathmatch_len)
{$pathel=$(this);pathmatch_len=thishref.length;}});if(pathmatch_len>0){$selected=$pathel;}}
if($selected.length<1)
$selected=$lt.eq(0);$selected=jQuery($selected.eq(0).addClass('selectedLava'));$lt.bind('mouseenter',function(){if(delayTimer){clearTimeout(delayTimer);delayTimer=null;}
move(jQuery(this));}).click(function(e){if(o.setOnClick){$selected.removeClass('selectedLava');$selected=jQuery(this).addClass('selectedLava');}
$back.css({left:o.homeLeft,top:o.homeTop,width:o.homeWidth,height:o.homeHeight});else {$back.css({left:$selected.position().left,top:$selected.position().top,width:$selected.outerWidth()-bx,height:$selected.outerHeight()-by});} jQuery(this).bind('mouseleave',function(){var $returnEl=null;if(o.returnHome) $returnEl=$home;else if(!o.autoReturn) return true;if(o.returnDelay){if(delayTimer)clearTimeout(delayTimer);delayTimer=setTimeout(function(){move($returnEl);},o.returnDelay);} else{move($returnEl);} return true;});function move($el){if(!$el)$el=$selected;$back.stop() .animate({left:$el.position().left,top:$el.position().top,width:$el.outerWidth()-bx,height:$el.outerHeight()-by},o.speed,o.fx);};});};})(jQuery); </script>
<script type="text/javascript"> $(function() { $('ul.AccLavaNavigation').lavaLamp({ speed: 300, autoReturn: true , target:'li'}); }); $(function(){
$('ul#accordionMenu').accordion({ header:'.head', fillSpace:false, autoHeight:false, navigation:true, animated: 'easeslide'})
}); </script>
<style type="text/css" style="display:none">
- bodyContent{
position:relative; width:970px; font-family: Arial, sans-serif; }
- left{
float:left; width:12em; padding:1em; background-color:grey; }
- left ul{
list-style:none; overflow:hidden; padding-left:0px; margin-left:10px; }
- left ul li{
margin-bottom:8px; position:relative; padding-top:4px; padding-bottom:0px; padding:none; font-family:Arial; }
- left ul.AccLavaNavigation li{
padding-left:10px; }
- left ul li.backLava{
background-color:white; height:23px; }
- left a{
color: blue; font-size:15px; font-weight:bold; text-decoration:none; outline:none; display:block; width:200px; }
- left a:hover{
color:#181818; }
- left a.hello{
display:inline; } </style> </head>
<body>
- <a class="head" href="#"> Introduction</a>
- <a class="head" href="#">Project Firefly</a>
- <a class="head" href="#">Project Vibrio</a>
- <a class="head" href="#">Tools</a>
- <a class="head" href="#">Gibson Assembly</a>
- <a class="head" href="#">Considerations</a>
- <a class="head" href="#">Future applications</a>
- <a class="head" href="/Team:Cambridge/Notebook/Week1">Notebook</a>
- <a href="/Team:Cambridge/Partners" class="head">Our Partners</a>
</body>
</html>
</html>