Team:Heidelberg/Project

From 2014.igem.org

(Difference between revisions)
Line 389: Line 389:
</a>
</a>
<a href="https://2014.igem.org/Team:Heidelberg/Toolbox/Induction" class="block" id="toolbox">
<a href="https://2014.igem.org/Team:Heidelberg/Toolbox/Induction" class="block" id="toolbox">
-
<img class="toolbox-icon-scale" style="height:110px;display: inline-block;" src="/wiki/images/2/24/Heidelberg_Project_Toolbox_guide.png"><span style="position: relative;top: 20px;display: inline-block;">
+
<span style="position:relative; display: inline-block;height:110px;">
 +
<img style="height:100%; position:absolute; top:0; left:0;" id="toolbox-img" src="/wiki/images/2/24/Heidelberg_Project_Toolbox_guide.png" />
 +
<img style="height:100%; position:absolute; top:0; left:0;" id="toolbox-img-hover" src="/wiki/images/4/4c/Heidelberg_Toolbox_guide_highlighted.png" />
 +
</span>
 +
<span style="position: relative;top: 20px;display: inline-block;">
<span style="font-weight:bold;" class="red-text">modify your protein</span><br/>
<span style="font-weight:bold;" class="red-text">modify your protein</span><br/>
using the toolbox guide
using the toolbox guide
Line 447: Line 451:
$element.find('span').stop(true).animate({opacity: 0}, 800);
$element.find('span').stop(true).animate({opacity: 0}, 800);
});
});
 +
 +
$('#toolbox')
 +
.mouseover(function() {
 +
$('#toolbox-img-hover').fadeIn();
 +
})
 +
.mouseleave(function() {
 +
$('#toolbox-img-hover').fadeOut();
 +
});
 +
});
});
</script>
</script>
</html>
</html>

Revision as of 11:35, 15 October 2014

Retrieved from "http://2014.igem.org/Team:Heidelberg/Project"