Team:Queens Canada/SynthetiQ/PCR
From 2012.igem.org
(Difference between revisions)
(Created page with "{{Template:Queens_Canada/Header}} <html> <head> <style type="text/css"> #synthetiqcontentcontainer { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 200px; over...") |
|||
(22 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{Template:Queens_Canada/ | + | {{Template:Queens_Canada/Notebook}} |
<html> | <html> | ||
<head> | <head> | ||
Line 32: | Line 32: | ||
background-color: red; | background-color: red; | ||
margin-top: 40px; | margin-top: 40px; | ||
+ | position:relative; | ||
} | } | ||
#synthetiqvideo | #synthetiqvideo | ||
{ | { | ||
width:1000px; | width:1000px; | ||
- | + | position:relative; | |
background-color:green; | background-color:green; | ||
+ | float:left; | ||
} | } | ||
Line 50: | Line 52: | ||
<body> | <body> | ||
<div id="synthetiqcontentcontainer"> | <div id="synthetiqcontentcontainer"> | ||
- | <div id=" | + | <div class="kwicks_container"> |
- | Video | + | <ul class="kwicks"> |
- | </ | + | <li id="kwick_1"> |
- | < | + | <a href="#" id="video">Video |
+ | |||
+ | </a> | ||
+ | </li> | ||
+ | <li id="kwick_2"> | ||
+ | <a href="#" id="protocols">Protocols | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
</div> | </div> | ||
<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"> | ||
- | $("# | + | $("#video").click(function(){ |
- | $("# | + | $("#synthetiqcontent").filter(':not(:animated)').animate({left: "0px"}); |
- | + | ||
- | + | ||
}); | }); | ||
- | + | ||
- | + | </script> | |
- | + | <script type="text/javascript"> | |
- | + | $("#protocols").click(function(){ | |
- | + | $("#synthetiqcontent").filter(':not(:animated)').animate({ "left": "-1000px" }); | |
- | $("# | + | |
- | $("# | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
Latest revision as of 05:37, 17 August 2012
Control