|
|
Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
- | {{https://2011.igem.org/Team:Peking_R/bannerhidden}}
| |
- | {{https://2011.igem.org/Team:Peking_R/back2}}
| |
- | {{https://2011.igem.org/Team:Peking_R/homepagebanner}}
| |
- |
| |
- |
| |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| |
- | <head>
| |
- |
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
| |
- | <link href="http://www.chem.pku.edu.cn/chenpeng/igem/css/css.css" rel="stylesheet" type="text/css" />
| |
- | <script language="javascript" type="text/javascript" src="http://www.chem.pku.edu.cn/chenpeng/igem/js/jquery-1.4.2.js"></script>
| |
- | <script language="javascript" type="text/javascript" src="http://www.chem.pku.edu.cn/chenpeng/igem/js/menu.js"></script>
| |
- | <title>Chocolate Bar</title>
| |
- |
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <title>无标题文档</title>
| |
- | <style type="text/css">
| |
- | #apDiv1 {
| |
- | position:absolute;
| |
- | left:2367px;
| |
- | top:333px;
| |
- | width:968px;
| |
- | height:1409px;
| |
- | z-index:1;
| |
- | background-color: #FFFFFF;
| |
- | }
| |
- | body {
| |
- | background-color: #001C37;
| |
- | text-align: center;
| |
- | }
| |
- | #apDiv2 {
| |
- | position:absolute;
| |
- | left:768px;
| |
- | top:558px;
| |
- | width:200px;
| |
- | height:1528px;
| |
- | z-index:2;
| |
- | background-color: #CCCCCC;
| |
- | color: #CCC;
| |
- | }
| |
- | .VISITORSFROM {
| |
- | color: #666;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size: 16px;
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv9 {
| |
- | position:absolute;
| |
- | left:20px;
| |
- | top:241px;
| |
- | width:168px;
| |
- | height:530px;
| |
- | z-index:3;
| |
- | visibility: visible;
| |
- | color: #F0F0F0;
| |
- | }
| |
- | #apDiv3 {
| |
- | position:absolute;
| |
- | left:790px;
| |
- | top:590px;
| |
- | width:163px;
| |
- | height:185px;
| |
- | z-index:3;
| |
- | text-align: center;
| |
- | }
| |
- | #apDiv4 {
| |
- | position:absolute;
| |
- | left:750px;
| |
- | top:419px;
| |
- | width:145px;
| |
- | height:179px;
| |
- | z-index:4;
| |
- | }
| |
- | #apDiv5 {
| |
- | position:absolute;
| |
- | left:790px;
| |
- | top:815px;
| |
- | width:163px;
| |
- | height:185px;
| |
- | z-index:4;
| |
- | text-align: center;
| |
- | }
| |
- | #apDiv6 {
| |
- | position:absolute;
| |
- | left:130px;
| |
- | top:659px;
| |
- | width:724px;
| |
- | height:298px;
| |
- | z-index:5;
| |
- | text-align: left;
| |
- | }
| |
- | #apDiv7 {
| |
- | position:absolute;
| |
- | left:34px;
| |
- | top:474px;
| |
- | width:619px;
| |
- | height:54px;
| |
- | z-index:6;
| |
- | }
| |
- | #apDiv8 {
| |
- | position:absolute;
| |
- | left:112px;
| |
- | top:977px;
| |
- | width:332px;
| |
- | height:310px;
| |
- | z-index:6;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | text-align: left;
| |
- | }
| |
- | .mainbody {
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | text-align: justify;
| |
- | color: #000;
| |
- | font-size: 14px;
| |
- | }
| |
- | .team {
| |
- | color: #C81A15;
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv10 {
| |
- | position:absolute;
| |
- | left:571px;
| |
- | top:977px;
| |
- | width:316px;
| |
- | height:319px;
| |
- | z-index:7;
| |
- | text-align: left;
| |
- | }
| |
- | .parts {
| |
- | color: #069;
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv11 {
| |
- | position:absolute;
| |
- | left:110px;
| |
- | top:1340px;
| |
- | width:250px;
| |
- | height:316px;
| |
- | z-index:8;
| |
- | text-align: left;
| |
- | }
| |
- | .humanpractice {
| |
- | color: #096;
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv12 {
| |
- | position:absolute;
| |
- | left:375px;
| |
- | top:1340px;
| |
- | width:250px;
| |
- | height:344px;
| |
- | z-index:9;
| |
- | text-align: left;
| |
- | }
| |
- | .biosafety {
| |
- | font-weight: bold;
| |
- | color: #C6CA22;
| |
- | }
| |
- | #apDiv13 {
| |
- | position:absolute;
| |
- | left:650px;
| |
- | top:1340px;
| |
- | width:250px;
| |
- | height:386px;
| |
- | z-index:0;
| |
- | text-align: left;
| |
- | }
| |
- | .gallery {
| |
- | color: #9C3;
| |
- | }
| |
- | #apDiv14 {
| |
- | position:absolute;
| |
- | left:32px;
| |
- | top:1284px;
| |
- | width:640px;
| |
- | height:272px;
| |
- | z-index:11;
| |
- | }
| |
- | .project {
| |
- | color: #000;
| |
- | }
| |
- | #apDiv15 {
| |
- | position:absolute;
| |
- | left:80px;
| |
- | top:1765px;
| |
- | width:637px;
| |
- | height:246px;
| |
- | z-index:11;
| |
- | }
| |
- | #apDiv16 {
| |
- | position:absolute;
| |
- | left:456px;
| |
- | top:1866px;
| |
- | width:38px;
| |
- | height:50px;
| |
- | z-index:12;
| |
- | }
| |
- | CLICKBACK {
| |
- | font-size: 10px;
| |
- | }
| |
- | .CLICKBACK {
| |
- | font-size: 9px;
| |
- | }
| |
- | #apDiv17 {
| |
- | position:absolute;
| |
- | left:741px;
| |
- | top:1812px;
| |
- | width:170px;
| |
- | height:5px;
| |
- | z-index:13;
| |
- | }
| |
- | #apDiv18 {
| |
- | position:absolute;
| |
- | left:792px;
| |
- | top:1384px;
| |
- | width:169px;
| |
- | height:62px;
| |
- | z-index:14;
| |
- | }
| |
- | a:link {
| |
- | text-decoration: none;
| |
- | }
| |
- | a:visited {
| |
- | text-decoration: none;
| |
- | }
| |
- | a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- | a:active {
| |
- | text-decoration: none;
| |
- | }
| |
- | .ziti {
| |
- | color: #000;
| |
- | font-weight: normal;
| |
- | }
| |
- | xinziti {
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv6 table tr th .mainbody {
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv6 table tr th .mainbody {
| |
- | font-weight: normal;
| |
- | font-family: Verdana, Geneva, sans-serif;
| |
- | }
| |
- | #apDiv8 table tr th p .mainbody {
| |
- | font-family: Verdana, Geneva, sans-serif;
| |
- | }
| |
- | #apDiv8 table tr th p .mainbody {
| |
- | font-weight: bold;
| |
- | }
| |
- | #apDiv8 table tr th p .mainbody {
| |
- | }
| |
- | .ziti {
| |
- | font-weight: normal;
| |
- | text-align: justify;
| |
- | }
| |
- | #apDiv8 table tr th p .mainbody {
| |
- | font-weight: normal;
| |
- | }
| |
- | aaasdf {
| |
- | font-weight: bold;
| |
- | }
| |
- | asd {
| |
- | font-weight: bold;
| |
- | }
| |
- | niew {
| |
- | font-size: 12px;
| |
- | }
| |
- | #apDiv8 table tr th p .mainbodyff {
| |
- | font-family: Verdana, Geneva, sans-serif;
| |
- | }
| |
- | table tr th p .mainbody {
| |
- | font-family: Georgia, "Times New Roman", Times, serif;
| |
- | }
| |
- | .as {
| |
- | font-weight: normal;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | }
| |
- | as {
| |
- | font-weight: bold;
| |
- | }
| |
- | .a {
| |
- | font-weight: normal;
| |
- | }
| |
- | asdf {
| |
- | font-family: "Courier New", Courier, monospace;
| |
- | }
| |
- | asdf {
| |
- | font-family: Verdana, Geneva, sans-serif;
| |
- | }
| |
- | sad {
| |
- | text-align: left;
| |
- | }
| |
- | vvv {
| |
- | text-align: left;
| |
- | }
| |
- | .vv {
| |
- | text-align: left;
| |
- | }
| |
- | zzz {
| |
- | text-align: left;
| |
- | }
| |
- | vvc {
| |
- | text-align: left;
| |
- | }
| |
- | #apDiv19 {
| |
- | position:absolute;
| |
- | width:667px;
| |
- | height:115px;
| |
- | z-index:14;
| |
- | left: 47px;
| |
- | top: 1768px;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- | <ul id="nav">
| |
- |
| |
- | <li class="mainlevel"><span class="note">Peking_R</span></li>
| |
- |
| |
- | <li class="mainlevel" id="mainlevel_01"><a href="#">Home</a>
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">firefox</a></li>
| |
- | <li><a href="#">chrome</a></li>
| |
- | <li><a href="#">opera</a></li>
| |
- | <li><a href="#">IE</a></li>
| |
- | <li><a href="#">Netscape</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class="mainlevel" id="mainlevel_02"><a href="#">Team</a>
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">html</a></li>
| |
- | <li><a href="#">xhtml</a></li>
| |
- | <li><a href="#">html5</a></li>
| |
- | <li><a href="#">css</a></li>
| |
- | <li><a href="#">TCP/IP</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class="mainlevel"><a href="#">Project</a>
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">XSL</a></li>
| |
- | <li><a href="#">XSLT</a></li>
| |
- | <li><a href="#">XSL-FO</a></li>
| |
- | <li><a href="#">XPath</a></li>
| |
- | <li><a href="#">XQuery</a></li>
| |
- | <li><a href="#">XLink</a></li>
| |
- | <li><a href="#">XPointer</a></li>
| |
- | <li><a href="#">DTD</a></li>
| |
- | <li><a href="#">Schema</a></li>
| |
- | <li><a href="#">XForms</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class="mainlevel"><a href="#">Data Page</a><!--input an em tag as a space,IE is gread need-->
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">JavaScript</a></li>
| |
- | <li><a href="#">DHTML</a></li>
| |
- | <li><a href="#">VBScript</a></li>
| |
- | <li><a href="#">AJAX</a></li>
| |
- | <li><a href="#">jQuery</a></li>
| |
- | <li><a href="#">E4X</a></li>
| |
- | <li><a href="#">WMLScript</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class="mainlevel"><a href="#">Human Practice</a>
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">SQL</a></li>
| |
- | <li><a href="#">ASP</a></li>
| |
- | <li><a href="#">ADO</a></li>
| |
- | <li><a href="#">PHP</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class="mainlevel"><a href="#">Notebook</a></li>
| |
- |
| |
- | <li class="mainlevel"><a href="#">Biosafety</a>
| |
- | <ul class="sub_nav_01">
| |
- | <span class="Triangle_con"></span>
| |
- | <li><a href="#">Media</a></li>
| |
- | <li><a href="#">SMIL</a></li>
| |
- | <li><a href="#">SVG</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | </ul>
| |
- | <p><br/>
| |
- | </p>
| |
- |
| |
- |
| |
- | <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/flash.gif" 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/flash.gif" width="970px" height="381px" />
| |
- | </a>
| |
- | <a href="#" target="_blank" id="flash3" style="display:none; " >
| |
- | <img src="www.chem.pku.edu.cn/chenpeng/igem/images/flash.gif" width="970px" height="381px" />
| |
- | </a>
| |
- | <a href="#" target="_blank" id="flash4" style="display:none; " >
| |
- | <img src="file/20110623100121.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>
| |
- | <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>
| |
- |
| |
- | <div id="apDiv6"><a href="https://2011.igem.org/Team:Peking_R/Project/zmq"><img src="https://static.igem.org/mediawiki/2011/5/5e/PekingR_project_smallbanner2.3.png" width="680" height="22" /></a><a name="TOP" id="TOP"></a>
| |
- | <table width="765" border="0" cellspacing="0" cellpadding="0">
| |
- | <tr>
| |
- | <th width="277" bgcolor="#FFFFFF" scope="col"><a href="https://2011.igem.org/Team:Peking_R/Project/RBSAutomatedDesign"><img src="https://static.igem.org/mediawiki/2011/2/24/PekingR_project1.png" width="200" height="150" border="0" /></a></th>
| |
- | <th width="231" bgcolor="#FFFFFF" scope="col"><a href="https://2011.igem.org/Team:Peking_R/Project/Application"> <img src="https://static.igem.org/mediawiki/2011/3/3c/PekingR_project2.png" width="200" height="150" border="0" /></a></th>
| |
- | <th width="257" bgcolor="#FFFFFF" scope="col"><a href="https://2011.igem.org/Team:Peking_R/Project/RNAToolkit"> <img src="https://static.igem.org/mediawiki/2011/f/fc/PekngR_project3.png" width="150" height="150" /></a></th>
| |
- | </tr>
| |
- | </table>
| |
- | <table width="693" border="0" cellspacing="0" cellpadding="0">
| |
- | <tr>
| |
- | <th width="733" scope="col"><p class="ziti">In our project, we are aiming at establishing an extensible and versatile platform for the softcoding of genetic program in bacteria, composed of a toolbox and a methodology --The toolbox consists of interoperable and truly modular ligand-responsive riboswitches/ribozymes, while the methodology is automated design of synthetic ribosome binding sites (RBS) with customized translation rate. When combining them together, a quantitative correlation between the concentration of specific ligand and synthetic RBS strength can be established. To learn more, please click here.</p> <p class="mainbody"> </p></th>
| |
- | </tr>
| |
- |
| |
- | </table>
| |
- | </div>
| |
- | <div id="apDiv8"><a href="https://2011.igem.org/Team:Peking_R/Team/zmq"><img src="https://static.igem.org/mediawiki/2011/9/91/PekingR_team_smallbanner2.3.png" width="256" height="22" /></a>
| |
- | <table width="320" border="0" cellspacing="0" cellpadding="0">
| |
- | <tr>
| |
- | <th valign="top" scope="col"><p><img src="" alt="" name="TEAM" width="320" height="164" id="TEAM" /><span class="mainbody">P<span class="a">eking_R team for iGEM</span></span> <span class="mainbody">2011 consists of 11 undergraduat</span><span class="ziti">e students who are enthusiastic towards</span><s__NOTOC__
| |
| {{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}} |