Team:UCL
From 2013.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
var word1 = "HOME"; | var word1 = "HOME"; | ||
var word2 = "PAGE"; | var word2 = "PAGE"; | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | var x=0; | ||
+ | |||
+ | //doc | ||
+ | $(document).ready(function(){ | ||
+ | $("#doc").mouseover(function(){ | ||
+ | //$("#pic_doc").stop().fadeIn(); | ||
+ | $("#pic_doc").fadeIn(x); | ||
+ | }); | ||
+ | $("#doc").mouseout(function(){ | ||
+ | $("#pic_doc").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //micro | ||
+ | $(document).ready(function(){ | ||
+ | $("#micro").mouseover(function(){ | ||
+ | //$("#pic_micro").stop().fadeIn(); | ||
+ | $("#pic_micro").fadeIn(x); | ||
+ | }); | ||
+ | $("#micro").mouseout(function(){ | ||
+ | $("#pic_micro").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //creative | ||
+ | $(document).ready(function(){ | ||
+ | $("#creative").mouseover(function(){ | ||
+ | //$("#pic_creative").stop().fadeIn(); | ||
+ | $("#pic_creative").fadeIn(x); | ||
+ | }); | ||
+ | $("#creative").mouseout(function(){ | ||
+ | $("#pic_creative").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //model | ||
+ | $(document).ready(function(){ | ||
+ | $("#model").mouseover(function(){ | ||
+ | //$("#pic_model").stop().fadeIn(); | ||
+ | $("#pic_model").fadeIn(x); | ||
+ | }); | ||
+ | $("#model").mouseout(function(){ | ||
+ | $("#pic_model").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //circuit | ||
+ | $(document).ready(function(){ | ||
+ | $("#circuit1").mouseover(function(){ | ||
+ | //$("#pic_circuit").stop().fadeIn(); | ||
+ | $("#pic_circuit").fadeIn(x); | ||
+ | }); | ||
+ | $("#circuit1").mouseout(function(){ | ||
+ | $("#pic_circuit").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#circuit2").mouseover(function(){ | ||
+ | //$("#pic_circuit").stop().fadeIn(); | ||
+ | $("#pic_circuit").fadeIn(x); | ||
+ | }); | ||
+ | $("#circuit2").mouseout(function(){ | ||
+ | $("#pic_circuit").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //neuro | ||
+ | $(document).ready(function(){ | ||
+ | $("#neuro1").mouseover(function(){ | ||
+ | //$("#pic_neuro").stop().fadeIn(); | ||
+ | $("#pic_neuro").fadeIn(x); | ||
+ | }); | ||
+ | $("#neuro1").mouseout(function(){ | ||
+ | $("#pic_neuro").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#neuro2").mouseover(function(){ | ||
+ | //$("#pic_neuro").stop().fadeIn(); | ||
+ | $("#pic_neuro").fadeIn(x); | ||
+ | }); | ||
+ | $("#neuro2").mouseout(function(){ | ||
+ | $("#pic_neuro").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | //sunshine | ||
+ | $(document).ready(function(){ | ||
+ | $("#sunshine1").mouseover(function(){ | ||
+ | //$("#pic_sunshine").stop().fadeIn(); | ||
+ | $("#pic_sunshine").fadeIn(x); | ||
+ | }); | ||
+ | $("#sunshine1").mouseout(function(){ | ||
+ | $("#pic_sunshine").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#sunshine2").mouseover(function(){ | ||
+ | //$("#pic_sunshine").stop().fadeIn(); | ||
+ | $("#pic_sunshine").fadeIn(x); | ||
+ | }); | ||
+ | $("#sunshine2").mouseout(function(){ | ||
+ | $("#pic_sunshine").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#sunshine3").mouseover(function(){ | ||
+ | //$("#pic_sunshine").stop().fadeIn(); | ||
+ | $("#pic_sunshine").fadeIn(x); | ||
+ | }); | ||
+ | $("#sunshine3").mouseout(function(){ | ||
+ | $("#pic_sunshine").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $("#sunshine4").mouseover(function(){ | ||
+ | //$("#pic_sunshine").stop().fadeIn(); | ||
+ | $("#pic_sunshine").fadeIn(x); | ||
+ | }); | ||
+ | $("#sunshine4").mouseout(function(){ | ||
+ | $("#pic_sunshine").fadeOut(x); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
</script> | </script> | ||
Line 40: | Line 163: | ||
<div id="container"> | <div id="container"> | ||
<!-- START CONTENT ----------------------------------------------------------------------------------------------------> | <!-- START CONTENT ----------------------------------------------------------------------------------------------------> | ||
- | + | <div id="artwork"> | |
- | + | <div id="pic_doc"></div> | |
- | + | <div id="pic_micro"></div> | |
- | + | <div id="pic_creative"></div> | |
- | + | <div id="pic_model"></div> | |
- | + | <div id="pic_circuit"></div> | |
- | + | <div id="pic_neuro"></div> | |
- | + | <div id="pic_sunshine"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | </div> | + | |
- | + | ||
+ | <div id="doc"></div> | ||
+ | <div id="micro"></div> | ||
+ | <div id="creative"></div> | ||
+ | <div id="model"></div> | ||
- | + | <div id="circuit1"></div> | |
- | + | <div id="circuit2"></div> | |
- | + | ||
- | + | <div id="neuro1"></div> | |
- | + | <div id="neuro2"></div> | |
- | + | ||
- | + | <div id="sunshine1"></div> | |
- | + | <div id="sunshine2"></div> | |
- | + | <div id="sunshine3"></div> | |
- | + | <div id="sunshine4"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
Revision as of 16:14, 24 September 2013