Team:Peking R/test

From 2011.igem.org

(Difference between revisions)
(Replaced content with "__NOTOC__ {{https://2011.igem.org/Team:Peking_R/bannerhidden}} {{https://2011.igem.org/Team:Peking_R/back2}}")
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">
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 
-
<meta name="keywords" content="" />
 
-
<meta name="description" content="" />
 
-
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
-
<title>Peking</title>
 
-
<script type="text/javascript" src="http://www.chem.pku.edu.cn/chenpeng/igem/js/jquery-1.4.2.min.js"></script>
 
-
<script type="text/javascript" src="http://www.chem.pku.edu.cn/chenpeng/igem/js/Nav_js.js"></script>
 
-
<script type="text/javascript" src="http://www.chem.pku.edu.cn/chenpeng/igem/js/mm_menu.js"></script>
 
-
</head>
 
-
<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>
 
-
<link href="css/run.css" rel="stylesheet" type="text/css" />
 
-
<body>
 
-
<!--head-->
 
-
<div id="logo"><span><img src="http://www.chem.pku.edu.cn/chenpeng/igem/images/logo.gif" width="191" height="63" /></span></div>
 
-
<div id="nav">
 
-
<script>mmLoadMenus();</script>
 
-
  <table border="0" align="center" cellpadding="0" cellspacing="0">
 
-
    <tr>
 
-
      <td width="99" height="36"><a href="#"><img src="www.chem.pku.edu.cn/chenpeng/igem/images/home.gif" width="99" height="36" border="0" onmouseover="this.src='images/home-over.gif'" onmouseout="this.src='images/home.gif'" /></a></td>
 
-
      <td width="101" height="36"><a href="#" id="link1" name="link1" onmouseover="MM_showMenu(window.mm_menu_0519103856_0,10,37,null,'image1')" onmouseout="MM_startTimeout();"><img src="www.chem.pku.edu.cn/chenpeng/igem/images/team.jpg" id="image1" name="image1" width="101" height="36" border="0" onmouseover="this.src='images/team-over.jpg'" onmouseout="this.src='images/team.jpg'" /></a></td>
 
-
      <td width="105" height="36"><a href="#" id="link2" name="link2" onmouseover="MM_showMenu(window.mm_menu_0519110032_0,10,37,null,'image2')" onmouseout="MM_startTimeout();"><img id="image2" name="image2" src="www.chem.pku.edu.cn/chenpeng/igem/images/project-2.gif" width="105" height="36" border="0" onmouseover="this.src='images/project-2-over.gif'" onmouseout="this.src='images/project-2.gif'"/></a></td>
 
-
      <td width="134" height="36"><a href="#"><img src="www.chem.pku.edu.cn/chenpeng/igem/images/datapage.jpg" width="134" height="36" border="0"  onmouseover="this.src='images/datapage-over.jpg'" onmouseout="this.src='images/datapage.jpg'"/></a></td>
 
-
     
 
-
      <td width="176" height="36"><a href="#" id="link3" name="link3" onmouseover="MM_showMenu(window.mm_menu_0519110704_0,10,37,null,'image3')" onmouseout="MM_startTimeout();"><img  id="image3" name="image3"  src="www.chem.pku.edu.cn/chenpeng/igem/images/humen.jpg" width="176" height="36" border="0"  onmouseover="this.src='images/humen-over.jpg'" onmouseout="this.src='images/humen.jpg'"/></a></td>
 
-
     
 
-
      <td width="114" height="36"><a href="#" id="link4" name="link4" onmouseover="MM_showMenu(window.mm_menu_0519110958_0,10,37,null,'image4')" onmouseout="MM_startTimeout();"><img id="image4" name="image4" src="www.chem.pku.edu.cn/chenpeng/igem/images/notebook.jpg" width="114" height="36" border="0"  onmouseover="this.src='images/notebook-over.jpg'" onmouseout="this.src='images/notebook.jpg'" /></a></td>
 
-
      <td height="36"><a href="#"><img src="www.chem.pku.edu.cn/chenpeng/igem/images/biosafety-2.gif" width="241" height="36" border="0"  onmouseover="this.src='images/biosafety-2-over.gif'" onmouseout="this.src='images/biosafety-2.gif'"/></a></td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<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>
 
-
<!--head-->
 
-
<div id="a1">
 
-
<div class="project">
 
-
    <div id="project_msg">
 
-
        In our project, we are aiming at establishing an <span title="extensible">extensible</span> and versatile platform for the <span title="extensible">softcoding of genetic program</span> in bacteria, composed of a <span title="extensible">toolbox</span> and a <span title="extensible">methodology</span> --The toolbox consists of interoperable and truly <span title="extensible">modular ligand-responsive riboswitches/ribozymes</span>, while the methodology is <span title="extensible">automated design </span>of <span title="extensible">synthetic ribosome binding sites</span> (RBS) with customized <span title="extensible">translation rate</span>. When combining them together, a quantitative correlation between the concentration of specific ligand and synthetic RBS strength can be established. To learn more, please <span title="extensible">click</span> here.
 
-
        </div>
 
-
    </div>
 
-
    <div class="team">
 
-
    <div id="team_msg">
 
-
        Peking_R team for iGEM 2011 consists of 11 undergraduate students who are enthusiastic towards synthetic biology. To know more about us and our work, please visit our <span title="extensible">Team page</span> and our Notebook.
 
-
        </div>
 
-
    </div>
 
-
    <div class="clear"></div>
 
-
</div>
 
-
 
-
<div id="a2">
 
-
<div class="parts">
 
-
    <div id="parts_msg">
 
-
        We are planning to submit a set of <span title="extensible">riboswitches/ribozymes</span> which can response to different <span title="extensible">ligands</span>. Besides, we are going to hand in parts containing vio operon which are optimized to produce more <span title="extensible">violacein</span> in bacteria.Click <span title="extensible">here</span> to learn more.
 
-
        </div>
 
-
    </div>
 
-
    <div class="human">
 
-
    <div id="human_msg">
 
-
        This part shows our human practice project concernning on how the development synthetic biology affects the process of <span title="extensible">horizontal gene transfer</span> between bacteria and <span title="extensible">influences</span> public health. To learn more, please click
 
-
        </div>
 
-
    </div>
 
-
    <div class="biosafety">
 
-
    <div id="biosafety_msg">
 
-
        This part describes <span title="extensible">measures</span> taken to ensure biosafety in our project, answering frequently asked questions concerning <span title="extensible">environment</span> and <span title="extensible">public health</span>. To get more information, please click <span title="extensible">here</span>.
 
-
        </div>
 
-
    </div>
 
-
    <div class="gallery">
 
-
    <div id="gallery_msg">
 
-
        It's an unforgettable summer we fight for our dreams and the honour of Peking iGEM team.<span title="extensible">Photos</span> recorded every footprint of everyone. Please click <span>here</span> to join us together!
 
-
        </div>
 
-
    </div>
 
-
    <div class="clear"></div>
 
-
</div>
 
-
 
-
<!--link-->
 
-
<div id="link">
 
-
<div class="img"><img src="www.chem.pku.edu.cn/chenpeng/igem/images/link.gif" width="152" height="31" /></div>
 
-
    <div class="clear"></div>
 
-
    <div class="spacer"></div>
 
-
    <div class="url">
 
-
    <ul>
 
-
        <li><img src="https://static.igem.org/mediawiki/2011/7/79/Pekingr2-1.gif" width="121" height="96" /></li>
 
-
            <li><img src="https://static.igem.org/mediawiki/2011/7/79/Pekingr2-2.gif" width="150" height="97" /></li>
 
-
            <li><img src="https://static.igem.org/mediawiki/2011/e/ec/Pekingr2-3.gif" width="207" height="84" /></li>
 
-
        </ul>
 
-
  </div>
 
-
    <div class="spacer"></div>
 
-
</div>
 
-
<!--foot-->
 
-
</body>
 
-
</html>
 

Revision as of 05:36, 4 October 2011

Template:Https://2011.igem.org/Team:Peking R/bannerhidden Template:Https://2011.igem.org/Team:Peking R/back2

Retrieved from "http://2011.igem.org/Team:Peking_R/test"