Team:Peking R
From 2011.igem.org
Grasscliff (Talk | contribs) |
Spring zhq (Talk | contribs) |
||
(142 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
{{https://2011.igem.org/Team:Peking_R/bannerhidden}} | {{https://2011.igem.org/Team:Peking_R/bannerhidden}} | ||
{{https://2011.igem.org/Team:Peking_R/back2}} | {{https://2011.igem.org/Team:Peking_R/back2}} | ||
- | |||
- | |||
- | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
Line 10: | Line 7: | ||
<title>无标题文档</title> | <title>无标题文档</title> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | body { | ||
+ | background-color: #EEEDED; | ||
+ | } | ||
#apDiv1 { | #apDiv1 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:0px; |
- | top: | + | top:126px; |
width:968px; | width:968px; | ||
- | height: | + | height:381px; |
z-index:1; | z-index:1; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#apDiv2 { | #apDiv2 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1276px; |
- | top: | + | top:683px; |
- | width: | + | width:644px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:0; |
- | background- | + | background-image: url(../../mainpage%20logo/PekingR%20project3.1.png); |
- | + | color: #EEEDED; | |
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | color: # | + | |
} | } | ||
#apDiv3 { | #apDiv3 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1066px; |
- | top: | + | top:574px; |
- | width: | + | width:322px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:0; |
- | + | background-color: #EEEDED; | |
+ | background-image: url(../../mainpage%20logo/PekingR%20team3.1.png); | ||
} | } | ||
#apDiv4 { | #apDiv4 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1149px; |
- | top: | + | top:1059px; |
- | width: | + | width:240px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:1; |
+ | background-image: url(../../mainpage%20logo/pekingR%20logos%20parts%203.1.png); | ||
} | } | ||
#apDiv5 { | #apDiv5 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1297px; |
- | top: | + | top:1060px; |
- | width: | + | width:240px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:2; |
- | + | background-image: url(../../mainpage%20logo/pekingR%20logos%20humanpractice3.1.png); | |
} | } | ||
#apDiv6 { | #apDiv6 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1244px; |
- | top: | + | top:1055px; |
- | width: | + | width:240px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:3; |
+ | background-image: url(../../mainpage%20logo/pekingR%20biosafety%203.1.png); | ||
} | } | ||
#apDiv7 { | #apDiv7 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1172px; |
- | top: | + | top:975px; |
- | width: | + | width:240px; |
- | height: | + | height:300px; |
- | z-index: | + | z-index:4; |
+ | background-image: url(../../mainpage%20logo/pekingR%20gallery%203.1.png); | ||
} | } | ||
#apDiv8 { | #apDiv8 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:1167px; |
- | top: | + | top:1262px; |
- | width: | + | width:960px; |
- | height: | + | height:200px; |
- | z-index: | + | z-index:5; |
+ | background-image: url(../../mainpage%20logo/PekingR%20acknowledgement3.1.png); | ||
+ | } | ||
+ | #apDiv9 { | ||
+ | position:absolute; | ||
+ | left:36px; | ||
+ | top:695px; | ||
+ | width:384px; | ||
+ | height:218px; | ||
+ | z-index:1; | ||
} | } | ||
.mainbody { | .mainbody { | ||
- | font-family: " | + | font-family: Georgia, "Times New Roman", Times, serif; |
text-align: justify; | text-align: justify; | ||
color: #666; | color: #666; | ||
- | font-size: | + | font-size: 16px; |
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | line-height: normal; | ||
} | } | ||
- | . | + | .project { |
- | color: # | + | color: #A22B99; |
font-weight: bold; | font-weight: bold; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
} | } | ||
#apDiv10 { | #apDiv10 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:436px; |
- | top: | + | top:695px; |
- | width: | + | width:174px; |
- | height: | + | height:231px; |
- | z-index: | + | z-index:2; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#apDiv11 { | #apDiv11 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:676px; |
- | top: | + | top:695px; |
- | width: | + | width:277px; |
- | height: | + | height:227px; |
- | z-index: | + | z-index:3; |
+ | text-align: right; | ||
} | } | ||
- | . | + | .team { color: #C81A15; |
- | + | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
#apDiv12 { | #apDiv12 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:671px; |
- | top: | + | top:712px; |
- | width: | + | width:201px; |
- | height: | + | height:181px; |
- | z-index: | + | z-index:4; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#apDiv13 { | #apDiv13 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:46px; |
- | top: | + | top:1044px; |
- | width: | + | width:194px; |
- | height: | + | height:123px; |
- | z-index: | + | z-index:5; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#apDiv14 { | #apDiv14 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:25px; |
- | top: | + | top:1000px; |
- | width: | + | width:206px; |
- | height: | + | height:118px; |
- | z-index: | + | z-index:6; |
} | } | ||
- | . | + | .parts { |
- | color: # | + | color: #069; |
font-weight: bold; | font-weight: bold; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
} | } | ||
#apDiv15 { | #apDiv15 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:268px; |
- | top: | + | top:1000px; |
- | width: | + | width:194px; |
- | height: | + | height:167px; |
- | z-index: | + | z-index:7; |
+ | } | ||
+ | .humanpractice { color: #096; | ||
+ | font-weight: bold; | ||
} | } | ||
#apDiv16 { | #apDiv16 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:752px; |
- | top: | + | top:1000px; |
- | width: | + | width:194px; |
- | height: | + | height:167px; |
- | z-index: | + | z-index:8; |
} | } | ||
- | + | .biosafety { font-weight: bold; | |
- | + | color: #C6CA22; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#apDiv17 { | #apDiv17 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:513px; |
- | top: | + | top:1000px; |
- | width: | + | width:194px; |
- | height: | + | height:178px; |
- | z-index: | + | z-index:9; |
+ | } | ||
+ | .gallery { color: #9C3; | ||
} | } | ||
#apDiv18 { | #apDiv18 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:102px; |
- | top: | + | top:1305px; |
- | width: | + | width:894px; |
- | height: | + | height:108px; |
- | z-index: | + | z-index:10; |
} | } | ||
- | + | #apDiv11 p .mainbody { | |
- | text- | + | text-align: right; |
} | } | ||
- | + | #apDiv11 .mainbody { | |
- | text- | + | text-align: right; |
} | } | ||
- | + | </style> | |
- | text- | + | |
+ | <style> | ||
+ | @charset "gb2312"; | ||
+ | /* CSS Document */ | ||
+ | |||
+ | body { margin:0 auto; /*font-size:12px;*/line-height:1.5; background-color:#e8e8e8} | ||
+ | ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,span { padding:0; margin:0;} | ||
+ | img { border:0px;} | ||
+ | |||
+ | .clear {clear:both;} | ||
+ | |||
+ | #logo{border:0px #000 solid;width:970px;height:70px;margin:auto;margin-top:7px;} | ||
+ | #logo span{margin-left:37px;cursor:hand;} | ||
+ | |||
+ | #nav { | ||
+ | border:0px #000 solid; | ||
+ | width:auto; | ||
+ | height:40px; | ||
+ | margin:auto; | ||
+ | text-align:center | ||
} | } | ||
- | + | ||
- | + | #flash {border:0px red solid;width:970px;height:381px;margin:auto;overflow:hidden; margin:0 auto; clear:both; position:relative;} | |
+ | |||
+ | #a1{border:0px blue solid;width:970px;height:264px;margin:auto;margin-top:0px; background-color:#F5F3F3;color:#030000} | ||
+ | #a1 .project{ | ||
+ | border:0px blue solid; | ||
+ | width:640px; | ||
+ | height:264px; | ||
+ | float:left; | ||
+ | background-image:url(images/project.gif); | ||
} | } | ||
+ | #project_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:400px;height:190px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:20px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #project_msg span{color:#1F7AB7;cursor:hand;} | ||
+ | #a1 .team{border:0px red solid;width:326px;height:264px;float:right;background-image:url(images/team.gif);} | ||
+ | |||
+ | #team_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:184px;height:169px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #team_msg span{color:#FC071E;cursor:hand;} | ||
+ | |||
+ | #a2{border:0px blue solid;width:970px;height:243px;margin:auto;margin-top:0px; background-color:#F5F3F3;color:#030000} | ||
+ | #a2 .parts{ | ||
+ | border:0px #F00 dashed; | ||
+ | width:242.5px; | ||
+ | height:242px; | ||
+ | float:left; | ||
+ | background-image:url(images/parts.gif); | ||
+ | } | ||
+ | #parts_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:220px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #parts_msg span{color:#035121;cursor:hand;} | ||
+ | |||
+ | #a2 .human{ | ||
+ | border:0px #F00 dashed; | ||
+ | width:242.5px; | ||
+ | height:242px; | ||
+ | float:left; | ||
+ | background-image:url(images/human.gif); | ||
+ | } | ||
+ | #human_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:215px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #human_msg span{color:#16A005;cursor:hand;} | ||
+ | |||
+ | |||
+ | |||
+ | #a2 .biosafety{ | ||
+ | border:0px #F00 dashed; | ||
+ | width:242px; | ||
+ | height:242px; | ||
+ | float:left; | ||
+ | background-image:url(images/biosafety.gif); | ||
+ | } | ||
+ | #biosafety_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:225px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #biosafety_msg span{color:#A07B06;cursor:hand;} | ||
+ | |||
+ | #a2 .gallery{ | ||
+ | border:0px #F00 dashed; | ||
+ | width:242px; | ||
+ | height:242px; | ||
+ | float:right; | ||
+ | background-image:url(images/gallery.gif); | ||
+ | } | ||
+ | #gallery_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:210px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;} | ||
+ | #gallery_msg span{color:#D83CF8;cursor:hand;} | ||
+ | |||
+ | #link{border:0px #000 dashed;height:150px;width:970px;margin:auto; background-color:#FBFAF8} | ||
+ | #link .img{height:35px;float:left;padding-left:7px;} | ||
+ | #link .spacer{height:9px;background-image:url(images/spacer.gif);} | ||
+ | #link .url{height:100px;border:0px #000 dashed;text-align:center;} | ||
+ | #link .url ul li{display:inline;border:0px #F00 dashed;margin-left:100px;} | ||
+ | |||
+ | #foot{border:0px #000 dashed;height:68px;width:970px;margin:auto; background-color:#FBFAF8;background-image:url(images/foot.gif);} | ||
+ | #foot .msg{width:770px;height:45px;margin:auto;padding-top:20px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#0929a2;text-align:left;} | ||
+ | #foot .msg ul li{display:inline;padding:5px;} | ||
+ | #foot .copyby{text-align:center; background-color:#FBFAF8;font-family:Arial, Helvetica, sans-serif;padding:10px;} | ||
</style> | </style> | ||
+ | <link href="http://www.chem.pku.edu.cn/chenpeng/igem/css/run.css" rel="stylesheet" type="text/css" /> | ||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
- | <div id=" | + | <div id="apDiv9"> |
- | + | <p class="mainbody">In our project, we are aiming at establishing an extensible and versatile methodology for the softcoding of genetic program in bacteria, composed of genetic rheostat and RBS calculator. The genetic rheostats are truly modular ligand-responsive riboswitches, while the RBS calculator is software for both translation of ligand concentration into quantified translation strength and automated design of synthetic ribosome binding sites (RBS) with customized strength. To learn more, please <a href="https://2011.igem.org/Team:Peking_R/Project" class="project">click</a> here.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div | + | <div id="apDiv10"> |
- | < | + | <p> </p> |
- | < | + | <p><a href="https://static.igem.org/mediawiki/2011/b/b2/PekingR_mainpage_R%26G.png"><img src="https://static.igem.org/mediawiki/2011/b/b2/PekingR_mainpage_R%26G.png" width="200" height="180" /></a></p> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv11"> |
- | + | <p><span class="mainbody">Peking_R team consists of 11 undergraduate students who are enjoying synthetic biology. </span></p> | |
- | + | <p><span class="mainbody">To know more about us and our work, please visit</span><br/><span class="mainbody"> our </span><span class="team"><a href="https://2011.igem.org/Team:Peking_R/Team" class="team">Team page</a></span><br/><span class="mainbody"> and our </span><br/><a href="https://2011.igem.org/Team:Peking_R/Notebook"><span class="team">Notebook</span></a>. </p> | |
- | + | ||
- | <p class="mainbody">To know more about us and our work, please visit our<span class="team"><a href="https://2011.igem.org/Team:Peking_R/Team" class="team"> Team page</a></span> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv12"><a href="https://static.igem.org/mediawiki/2011/3/30/Haosiyang%26gongyan.png"><img src="https://static.igem.org/mediawiki/2011/3/30/Haosiyang%26gongyan.png" width="200" height="200" /></a></div> |
- | + | <div id="apDiv14"> | |
- | + | <p class="mainbody">We've submitted basic reliable genetic rheostats. Besides, we applied them to construct various functional devices. Click <a href="https://2011.igem.org/Team:Peking_R/Parts"><span class="parts">here</span></a> to learn more.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div | + | <div class="mainbody" id="apDiv15"> |
- | + | <p>Our human practice concerns on how the development of synthetic biology affects public health and the process of horizontal gene transfer among prokaryotes. To learn more, please click<a href="https://2011.igem.org/Team:Peking_R/HumanPractice"> <span class="humanpractice">here</span></a>.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv16"><span class="mainbody">Here we describe measures taken to guarentee biosafety in our project, answering frequently asked questions concerning about environment and public health. To get more information, please click <a href="https://2011.igem.org/Team:Peking_R/Biosafety"><span class="biosafety">here</span></a>.</span></div> |
- | + | <div id="apDiv17"> | |
- | + | <p class="mainbody">It is an unforgettable summer when we fought for our dream and the honor of Peking iGEM team. </p> | |
- | + | <p class="mainbody">Photos recorded every foot-print of everyone. Please click <a href="https://2011.igem.org/Team:Peking_R/Team/Gallery"><span class="gallery">here</span></a> to join us together!</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv18"> |
- | <table width=" | + | <table width="800" border="0" cellspacing="0" cellpadding="0"> |
<tr> | <tr> | ||
- | <th scope="col"><a href=" | + | <th bgcolor="#FBFBFB" scope="col"><a href="http://english.pku.edu.cn/"><img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/pku.png" width="90" height="90" /></a></th> |
- | + | <th bgcolor="#FBFBFB" scope="col"> </th> | |
- | + | <th bgcolor="#FBFBFB" scope="col"><a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/0/00/PekingR_Igem2.png" alt="" width="118" height="90" /></a></th> | |
- | <th scope=" | + | <th bgcolor="#FBFBFB" scope="col"> </th> |
- | < | + | <th bgcolor="#FBFBFB" scope="col"><a href="http://www.biolog.de/home/"><img src="https://static.igem.org/mediawiki/2011/e/ec/Pekingr2-3.gif" alt="" width="215" height="90" /></a></th> |
- | + | <th bgcolor="#FBFBFB" scope="col"> </th> | |
- | + | <th bgcolor="#FBFBFB" scope="col"><a href="https://2011.igem.org/Team:Peking_S"><img src="https://static.igem.org/mediawiki/2011/7/71/Peking_R_links_to_Peking_S.png" alt="" width="240" height="90" /></a></th> | |
- | <th bgcolor="# | + | |
</tr> | </tr> | ||
</table> | </table> | ||
</div> | </div> | ||
- | + | <table width="968" border="0" cellspacing="0" cellpadding="0"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<tr> | <tr> | ||
- | <th | + | <th colspan="4" align="left" bgcolor="#EEEDED" scope="col"><img src="https://static.igem.org/mediawiki/2011/1/17/Peking-R_sheddow.png" width="323" height="108" /></th> |
- | + | </tr> | |
- | + | <tr> | |
- | < | + | |
- | < | + | |
- | < | + | <td colspan="7" bgcolor="#EEEDED"> |
- | < | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="970" height="85"> | |
- | < | + | <param name="movie" value="https://static.igem.org/mediawiki/2011/e/e0/PekingR_mainpage_flash%26instructor_edition10.9.swf" /> |
- | + | <param name="quality" value="high" /> | |
- | + | <param name="wmode" value="opaque" /> | |
- | + | <param name="swfversion" value="8.0.35.0" /> | |
- | + | <!--[if !IE]>--> | |
- | + | <object type="application/x-shockwave-flash" data="https://static.igem.org/mediawiki/2011/e/e0/PekingR_mainpage_flash%26instructor_edition10.9.swf" width="970" height="85"> | |
- | + | <!--<![endif]--> | |
- | + | <param name="quality" value="high" /> | |
- | + | <param name="wmode" value="transparent" /> | |
- | + | <param name="swfversion" value="8.0.35.0" /> | |
- | + | <param name="expressinstall" value="https://static.igem.org/mediawiki/2011/3/32/PekingR_ExpressInstall.swf" /> | |
- | + | <!--[if !IE]>--> | |
- | + | </object> | |
- | + | <!--<![endif]--> | |
- | + | </object> | |
- | + | <div id="flash"> | |
- | + | <div id="flashBg"> | |
- | + | <div id="flashLine"> | |
- | + | <div id="flash"> <a href="#" target="_blank" id="flash1" style="display:block; " > <img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/team1.jpg" width="970px" height="381px" /> </a> <a href="#" target="_blank" id="flash2" style="display:none; " > <img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/and gate.png" width="970px" height="381px" /> </a> <a href="#" target="_blank" id="flash3" style="display:none; " > <img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/fluorescent.jpg" width="970px" height="381px" /> </a> <a href="#" target="_blank" id="flash4" style="display:none; " > <img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/red.jpg" width="970px" height="381px" /> </a> | |
- | + | <div class="flash_bar"> | |
- | + | <div class="dq" id="f1" onclick="changeflash(1)"></div> | |
- | + | <div class="no" id="f2" onclick="changeflash(2)"></div> | |
- | <p> </p> | + | <div class="no" id="f3" onclick="changeflash(3)"></div> |
- | + | <div class="no" id="f4" onclick="changeflash(4)"></div> | |
- | < | + | </div> |
- | + | </div> | |
- | < | + | </div> |
- | + | </div> | |
- | + | <script type="text/javascript"> | |
- | < | + | $(document).ready(function(){ |
- | + | $(".item1").hover(function(){$("#tit_fc1").slideDown("normal"); }, function() {$("#tit_fc1").slideUp("fast");}); | |
- | + | $(".item2").hover(function(){$("#tit_fc2").slideDown("normal"); }, function() {$("#tit_fc2").slideUp("fast");}); | |
- | + | $(".item3").hover(function(){$("#tit_fc3").slideDown("normal"); }, function() {$("#tit_fc3").slideUp("fast");}); | |
- | < | + | $(".item4").hover(function(){$("#tit_fc4").slideDown("normal"); }, function() {$("#tit_fc4").slideUp("fast");}); |
+ | }); | ||
+ | |||
+ | var currentindex=1; | ||
+ | $("#flashBg").css("background-color",$("#flash1").attr("name")); | ||
+ | function changeflash(i) { | ||
+ | currentindex=i; | ||
+ | for (j=1;j <= 4;j++){ | ||
+ | if (j==i) | ||
+ | {$("#flash"+j).fadeIn("normal"); | ||
+ | $("#flash"+j).css("display","block"); | ||
+ | $("#f"+j).removeClass(); | ||
+ | $("#f"+j).addClass("dq"); | ||
+ | $("#flashBg").css("background-color",$("#flash"+j).attr("name")); | ||
+ | } | ||
+ | else | ||
+ | {$("#flash"+j).css("display","none"); | ||
+ | $("#f"+j).removeClass(); | ||
+ | $("#f"+j).addClass("no");} | ||
+ | }} | ||
+ | function startAm(){ | ||
+ | timerID = setInterval("timer_tick()",5000); | ||
+ | } | ||
+ | function stopAm(){ | ||
+ | clearInterval(timerID); | ||
+ | } | ||
+ | function timer_tick() { | ||
+ | currentindex=currentindex >= 4 ? 1 : currentindex + 1; | ||
+ | changeflash(currentindex);} | ||
+ | $(document).ready(function(){ | ||
+ | $(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();}); | ||
+ | startAm(); | ||
+ | }); | ||
+ | |||
+ | function ChangeImg(i){ | ||
+ | $("#img"+i).removeAttr("src"); | ||
+ | $("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+"a.gif"); | ||
+ | } | ||
+ | function ResetImg(i){ | ||
+ | $("#img"+i).removeAttr("src"); | ||
+ | $("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+".gif"); | ||
+ | } | ||
+ | //----Popfc | ||
+ | |||
+ | function ClosePop(i){ | ||
+ | $("#Pop"+i).fadeOut("normal")} | ||
+ | |||
+ | $(function() { | ||
+ | $("div[name='divClick']").click(function() { | ||
+ | if ($(this).attr('class')=='item1') | ||
+ | { | ||
+ | var showDiv = $("#Pop1"); //得到层对象 | ||
+ | } | ||
+ | if ($(this).attr('class')=='item2') | ||
+ | { | ||
+ | var showDiv = $("#Pop2"); //得到层对象 | ||
+ | } | ||
+ | if ($(this).attr('class')=='item3') | ||
+ | { | ||
+ | var showDiv = $("#Pop3"); //得到层对象 | ||
+ | } | ||
+ | if ($(this).attr('class')=='item4') | ||
+ | { | ||
+ | var showDiv = $("#Pop4"); //得到层对象 | ||
+ | } | ||
+ | |||
+ | var divName = showDiv.attr('name'); //得到这个层的name | ||
+ | if (showDiv.is(":hidden")) { //判断层是否隐藏 | ||
+ | $("div[name='" + divName + "']").hide("normal"); | ||
+ | showDiv.fadeIn("normal"); //true:显示 | ||
+ | $('body').one('click', function() { //给BODY绑定一次性点击事件 | ||
+ | showDiv.fadeOut("normal"); //点击BODY显示层 | ||
+ | }); | ||
+ | return false; //返回 | ||
+ | } | ||
+ | else { | ||
+ | showDiv.hide(); //false:显示层 | ||
+ | $('body').one('click', function() { //给BODY绑定一次性点击事件 | ||
+ | showDiv.fadeOut("normal"); //点击BODY显示层 | ||
+ | }); | ||
+ | return false; //返回 | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $("div[name='PopBox']").click(function() { //点击显示部分不隐藏 | ||
+ | return false; | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | </div> | ||
+ | <p> </p></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4" bgcolor="#EEEDED"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/9/94/PekingR_project3.png" width="644" height="300" /><img src="https://static.igem.org/mediawiki/2011/f/f2/PekingR_team3.png" width="326" height="300" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/3/3c/PekingR_parts3.png" width="243" height="300" /><img src="https://static.igem.org/mediawiki/2011/2/27/PekingR_humanpractice3.png" width="242" height="300" /><img src="https://static.igem.org/mediawiki/2011/c/c7/PekingR_gallery3.png" width="242" height="300" /><img src="https://static.igem.org/mediawiki/2011/e/e6/PekingR_logo_biosafety3.png" width="243" height="300" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/d/d1/PekingR_acknowledgement3.png" width="970" height="200" /></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 16:20, 27 October 2011
Template:Https://2011.igem.org/Team:Peking R/bannerhidden Template:Https://2011.igem.org/Team:Peking R/back2
In our project, we are aiming at establishing an extensible and versatile methodology for the softcoding of genetic program in bacteria, composed of genetic rheostat and RBS calculator. The genetic rheostats are truly modular ligand-responsive riboswitches, while the RBS calculator is software for both translation of ligand concentration into quantified translation strength and automated design of synthetic ribosome binding sites (RBS) with customized strength. To learn more, please click here.
Peking_R team consists of 11 undergraduate students who are enjoying synthetic biology.
To know more about us and our work, please visit
our Team page
and our
Notebook.
We've submitted basic reliable genetic rheostats. Besides, we applied them to construct various functional devices. Click here to learn more.
Our human practice concerns on how the development of synthetic biology affects public health and the process of horizontal gene transfer among prokaryotes. To learn more, please click here.
It is an unforgettable summer when we fought for our dream and the honor of Peking iGEM team.
Photos recorded every foot-print of everyone. Please click here to join us together!
|
||||||