Difference between revisions of "Team:Tianjin/test2"

Line 188: Line 188:
 
</head>
 
</head>
  
−
<body style="overflow-x: hidden;overflow-y: auto">
+
<body style="overflow-x: hidden;overflow-y: auto">
  
  
Line 214: Line 214:
 
                         <li><a href="">COMPOSITE PARTS</a></li>                    </ul>
 
                         <li><a href="">COMPOSITE PARTS</a></li>                    </ul>
 
                 </li>
 
                 </li>
−
                 <li id="b4"><a href="">MODELING</a>
+
                 <li id="b4"><a href="">
 +
                    <div style="_margin-top: 12px;"></div>
 +
                    MODELING</a>
 
                     <ul id="a3" style="display: none;">
 
                     <ul id="a3" style="display: none;">
 
                         <li style="width: 0"></li>
 
                         <li style="width: 0"></li>
Line 302: Line 304:
 
  <div class="nav-back"></div>
 
  <div class="nav-back"></div>
 
  <div class="nav">
 
  <div class="nav">
−
<div id="div1" class="on"><img id="fximg" src="https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png"></div>
+
<div id="div1" class="on"><img id="fximg1" src="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"></div>
 
             <ul class="navContent" id="nC1">
 
             <ul class="navContent" id="nC1">
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">111</a></li>
Line 309: Line 311:
 
             </ul>
 
             </ul>
 
          
 
          
−
<div id="div2">About The Team</div>
+
<div id="div2"><img id="fximg2" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
 
<ul class="navContent" id="nC2">
 
<ul class="navContent" id="nC2">
−
             <li> <a href="#">122</a></li>
+
             <li> <a href="#">111</a></li>
−
             <li> <a href="#">233</a></li>
+
             <li> <a href="#">222</a></li>
−
             <li> <a href="#">133</a></li>
+
             <li> <a href="#">333</a></li>
 
             </ul>
 
             </ul>
−
<div id="div3">3</div>
+
<div id="div3"><img id="fximg3" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
 
<ul class="navContent" id="nC3">
 
<ul class="navContent" id="nC3">
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">222</a></li>
 
             <li> <a href="#">222</a></li>
−
             <li> <a href="#">3223</a></li>
+
             <li> <a href="#">333</a></li>
 
             </ul>
 
             </ul>
−
<div id="div4">4</div>
+
<div id="div4"><img id="fximg4" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
 
<ul class="navContent" id="nC4">
 
<ul class="navContent" id="nC4">
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">222</a></li>
 
             <li> <a href="#">222</a></li>
−
             <li> <a href="#">32233</a></li>
+
             <li> <a href="#">333</a></li>
 
             </ul>
 
             </ul>
−
<div id="div5">5</div>
+
<div id="div5"><img id="fximg5" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
−
<ul class="navContent" id="nC5">
+
        <ul class="navContent" id="nC5">
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">111</a></li>
 
             <li> <a href="#">222</a></li>
 
             <li> <a href="#">222</a></li>
−
             <li> <a href="#">3333</a></li>
+
             <li> <a href="#">333</a></li>
 
             </ul>
 
             </ul>
 
  </div>
 
  </div>
Line 337: Line 339:
 
</div>
 
</div>
  
−
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-1.11.1.min?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(".main-page .nav div")
 
$(".main-page .nav div")
Line 350: Line 352:
 
});
 
});
 
</script>
 
</script>
 +
  
  
Line 355: Line 358:
 
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/hide_menu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/hide_menu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
 
 
function mou(di,src1,src2,src3,src4,ig,nc){
 
function mou(di,src1,src2,src3,src4,ig,nc){
−
$(di).mouseover(function(){
+
$(di).mouseover(function(){
−
+
  
 
if($(ig)[0].src==src1){
 
if($(ig)[0].src==src1){
Line 368: Line 370:
 
})
 
})
 
$(di).mouseout(function(){
 
$(di).mouseout(function(){
−
+
if($(di).hasClass('on')){
−
 
+
if($(ig)[0].src==src1){
−
if($(ig)[0].src==src4){
+
$(ig).attr("src",src4);
−
  $(ig).attr("src",src1);
+
  }
 +
else if($(ig)[0].src==src2){
 +
$(ig).attr("src",src3);
 +
}
 
}
 
}
−
else if($(ig)[0].src==src3){
+
else{
−
$(ig).attr("src",src2);
+
if($(ig)[0].src==src4){
−
}
+
$(ig).attr("src",src1);
 +
}
 +
else if($(ig)[0].src==src3){
 +
$(ig).attr("src",src2);
 +
}
 +
}
 +
 
 
})
 
})
 
$(di).mousedown(function(){
 
$(di).mousedown(function(){
−
+
if($(di).hasClass('on')){
 +
if($(ig)[0].src==src4){
 +
$(ig).attr("src",src3);
 +
}
 +
else if($(ig)[0].src==src3){
 +
$(ig).attr("src",src4);
 +
}
 +
}
 +
else{
 +
if(di=="#div1"){//要有五个这样的IF语句
 +
if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
//  这个IF里面还要加3，4，5框框的变换（下黑换成右白  右黑换成右白）2号框的代码如上，你可以参考一下
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png");
 +
//  这一条在每个if(di=="")里面要添加，比如说这是div1的，就用 fximg1，把它变为下黑
 +
}
 +
 
 +
if(di=="#div2"){
 +
if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
 +
}
 +
 
 +
 
  
−
if($(ig)[0].src==src2){
 
  
−
$(ig).attr("src",src1);
 
 
}
 
}
−
else if($(ig)[0].src==src3){
+
if(di=="#div3"){
−
$(ig).attr("src",src4);
+
if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
 +
}
 +
 
 +
 
 +
 
 +
 
 
}
 
}
−
else if($(ig)[0].src==src4){
+
if(di=="#div4"){
−
$(ig).attr("src",src3);
+
if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
 +
}
 +
 
 +
 
 +
 
 +
 
 +
}
 +
if(di=="#div5"){
 +
if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
 +
$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
 +
}
 +
if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
 +
}
 +
$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
 +
}
 +
 
 +
 
 +
 
 +
 
 
}
 
}
−
else if($(ig)[0].src==src1){
 
−
$(ig).attr("src",src2);
 
−
}
 
 
$(nc).siblings("ul").hide(500);
 
$(nc).siblings("ul").hide(500);
−
$(this).next(".navContent").slideToggle(500);
+
$(this).next(".navContent").slideToggle(500);
−
+
−
+
 
})
 
})
 +
 
}
 
}
−
mou("#div1","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg","#nC1");
+
mou("#div1","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg1","#nC1");
−
mou("#div2","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg","#nC2");
+
mou("#div2","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png","#fximg2","#nC2");
−
mou("#div3","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg","#nC3");
+
mou("#div3","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png",   "#fximg3","#nC3");
−
mou("#div4","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg","#nC4");
+
mou("#div4","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png",   "#fximg4","#nC4");
−
mou("#div5","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg","#nC5");
+
mou("#div5","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png",   "#fximg5","#nC5");
−
</script>
+
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:16, 8 September 2015

内页

Have you ever heard of the god of beginnings and transitions in in ancient Roman myth? He is Janus, who is usually depicted as having two faces, since he looks to the future and to the past. Our project is focused on another Janus, a kind of protein, who looks to the hydrophilicity and to the hydrophobicity. Its scientific name is hydrophobin. Hydrophobins are proteins that are produced by filamentous fungi. They are characterized by having a hydrophobic patch on one part of the surface. Just because of this, a sea of possibilities are opened. Our project is mainly focused on its modification and new applications.

1. Protein Modification
Natural hydrophobins couldn't be expressed by E.coli because of error of fold. However, it really restricts its broader application. To improve this condition, we re-designed the structures of two kinds of hydrophobins, making expression in E.coli possible.

2.Protein Chip
Another amazing characteristic of hydrophobins is that they are able to assemble spontaneously into amphipathic monolayers at hydrophobic-hydrophilic interfaces. Thus, we take this advantage to make a high-flux tumor detection chip. In this process, they could act as a medium in antibody-fixing by electrostatic force, which not only ensures the activity of antibody, but also improves the detections' accuracy rate.

3.Stimulate Plastic Degradation
Enzymatic hydrolysis of plastic has a broad developing prospect, however, the rate of hydrolysis is low due to many reasons. Some research has published that the cutinase degrading plastic could be enhanced by hydrophobins. In our experiment, we make them into a fusion to test if the effect could be better.

4.Protein Extraction
Because of hydrophobins' amphipathicity they could be used as a special purification tag for protein, and the purification system could be as simple as oil and water. With help of this, we could even achieve the recycle of enzymes used for plastic degradation.

2
3
4
5