Team:Imperial College London/test9

From 2011.igem.org

(Difference between revisions)
Line 11: Line 11:
</script>
</script>
</head>
</head>
-
 
<body>
<body>
-
<!--Example #1: -->
 
-
<p>Demo #1: <a href="http://www.dynamicdrive.com" id="searchlink" rel="subcontent">Search DD</a></p>
+
<a href="#" id="CPEC" rel="subcontent">CPEC</a>
-
 
+
<div id="subcontent" style="position:fixed; visibility: hidden; border: 9px solid #225323; background-color: white; width: 400px; padding: 8px;">
-
<DIV id="subcontent" style="position:absolute; visibility: hidden; border: 9px solid orange; background-color: white; width: 300px; padding: 8px;">
+
<p>CPEC (Circular Polymerase Extension Cloning) is a primer-independent PCR assembly technique which relies on overlaping sequences between each part to be assembled. With a denaturing step, the double stranded DNA is melted, allowing compatible single stranded ends of each part to joined. For this reason it is essential that the parts are designed with homologous ends (the fragments we used were designed with 60 bp overlaps). The annealed overlapping ends then serve as primers for polymerase extension to join the parts into a seamless construct.</p>
-
 
+
-
<p><b>Search Dynamic Drive:</b></p>
+
-
<form method="get" action="http://search.freefind.com/find.html" id="topform">
+
-
<input name="query" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
+
-
<input value="Search" class="topformbutton" type="submit" />
+
-
</form>
+
-
 
+
-
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent')">Hide this DIV manually</a> | <a href="http://www.dynamicdrive.com">Dynamic Drive</a></div>
+
-
 
+
-
 
+
-
</DIV>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!--Example #2: -->
+
-
 
+
-
<p align="right" style="margin-top: 400px">Demo #2 (click): <a href="http://www.dynamicdrive.com/resources/" id="contentlink" rel="subcontent2">Additional Resources</a> </p>
+
-
 
+
-
 
+
-
<DIV id="subcontent2" style="position:absolute; visibility: hidden; border: 9px solid black; background-color: lightyellow; width: 350px; height: 120px; padding: 4px;">
+
-
 
+
-
<div style="width: 49%; float: left">
+
-
<ul>
+
-
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</li>
+
-
<li><a href="http://www.javascriptkit.com">JavaScript Kit</li>
+
-
<li><a href="http://www.cssdrive.com">CSS Drive</li>
+
-
<li><a href="http://www.codingforums.com">Coding Forums</li>
+
-
</ul>
+
</div>
</div>
-
 
-
<div style="width: 49%; float: left">
 
-
<ul>
 
-
<li><a href="http://www.cnn.com">CNN</li>
 
-
<li><a href="http://www.msnbc.com">MSNBC</li>
 
-
<li><a href="http://www.news.bbc.co.uk">BBC News</li>
 
-
<li><a href="http://www.slashdot.org">Slashdot</li>
 
-
</ul>
 
-
</div>
 
-
 
-
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent2')">Hide this DIV manually</a></div>
 
-
 
-
</DIV>
 
<script type="text/javascript">
<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
-
 
+
dropdowncontent.init("CPEC", "right-bottom", 500, "mouseover")
-
dropdowncontent.init("searchlink", "right-top", 500, "mouseover")
+
-
dropdowncontent.init("contentlink", "left-top", 300, "click")
+
-
 
+
</script>
</script>
</body>
</body>
</html>
</html>

Revision as of 15:40, 21 September 2011

CPEC

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test9"