Team:Queens Canada/SynthetiQ/PCR

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 32: Line 32:
background-color: red;
background-color: red;
margin-top: 40px;
margin-top: 40px;
 +
position:relative;
}
}
#synthetiqvideo
#synthetiqvideo
{
{
width:1000px;
width:1000px;
-
float:left;
+
position:relative;
background-color:green;
background-color:green;
 +
float:left;
}
}
Line 53: Line 55:
   <ul class="kwicks">
   <ul class="kwicks">
   <li id="kwick_1">
   <li id="kwick_1">
-
   <a href="" id="video">Video
+
   <a href="#" id="video">Video
  
  
     </a>
     </a>
   </li>
   </li>
   <li id="kwick_2">
   <li id="kwick_2">
-
   <a href="" id="protocols">Protocols
+
   <a href="#" id="protocols">Protocols
       </a>
       </a>
   </li>
   </li>
Line 66: Line 68:
<div id="synthetiqcontent">
<div id="synthetiqcontent">
<div id="synthetiqvideo">
<div id="synthetiqvideo">
-
video
+
video content
</div>
</div>
<div id="synthetiqprotocol">
<div id="synthetiqprotocol">
-
protocol
+
protocol content
</div>
</div>
</div>  
</div>  
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
-
$(".kwick_1").click(function(){
+
$("#video").click(function(){
-
     $(#synthetiqcontent).filter(':not(:animated)').animate({ left: "0px", "easeOutQuint" });
+
     $("#synthetiqcontent").filter(':not(:animated)').animate({left: "0px"});
});
});
-
$(".kwick_2").click(function(){
+
</script>
-
     $(#synthetiqcontent).filter(':not(:animated)').animate({ left: "-1000px", "easeOutQuint" });
+
<script type="text/javascript">
 +
$("#protocols").click(function(){
 +
     $("#synthetiqcontent").filter(':not(:animated)').animate({ "left": "-1000px" });
});
});
 +
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 05:37, 17 August 2012
Control
video content
protocol content

Retrieved from "http://2012.igem.org/Team:Queens_Canada/SynthetiQ/PCR"