Team:OUC-China

From 2014.igem.org

(Difference between revisions)
 
(87 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
<head>
+
<link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
-
<script src="https://2014.igem.org/Team:OUC-China/js/jquery.js"></script>
+
    <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
-
<script type="text/javascript" src="jquery.devrama.slider.js"></script>
+
    <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:OUC-China/js/jquery.devrama.slider.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:OUC-China/js/unslider.js?action=raw&ctype=text/javascript"></script>
<style type="text/css">
<style type="text/css">
 +
a:hover { text-decoration: none !important; }
@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/* CSS Document */
Line 13: Line 17:
}
}
body{
body{
-
     min-width:1350px;
+
     min-width:1340px;
}
}
ul, ol {
ul, ol {
Line 99: Line 103:
width: 70px;
width: 70px;
height: 70px;
height: 70px;
-
background: url(images/14Logo.png);
+
background: url(https://static.igem.org/mediawiki/2014/f/fa/OUC-China_14Logo.png);
position: absolute;
position: absolute;
right: 0;
right: 0;
Line 147: Line 151:
width: 100%;
width: 100%;
height: 130px;
height: 130px;
-
background: url(images/waveUp.png);
+
background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png
 +
);
position: absolute;
position: absolute;
bottom: 0;
bottom: 0;
Line 155: Line 160:
width: 100%;
width: 100%;
height: 130px;
height: 130px;
-
background: url(images/waveDown.png);
+
background: url(https://static.igem.org/mediawiki/2014/6/63/WaveDown.png);
position: absolute;
position: absolute;
bottom: 0;
bottom: 0;
Line 240: Line 245:
height: 220px;
height: 220px;
background: rgb(45,111,165);
background: rgb(45,111,165);
-
}
 
-
.footer #top {
 
-
height: 150px;
 
-
position: fixed;
 
-
bottom: 30px;
 
-
right: 30px;
 
-
z-index: 1000;
 
-
transition: 0.5s;
 
-
}
 
-
.footer #top:hover {
 
-
transform: rotate(180deg);
 
-
-moz-transform: rotate(180deg);
 
-
-ms-transform: rotate(180deg);
 
-
-o-transform: rotate(180deg);
 
-
-webkit-transform: rotate(180deg);
 
}
}
@charset "utf-8";
@charset "utf-8";
Line 301: Line 291:
background: rgb(98,175,243);
background: rgb(98,175,243);
}
}
-
.neck{ background-image:url(images/nav.png)}
+
.neck{ background-image:url(https://static.igem.org/mediawiki/2014/2/20/OUC-China_Index_Slide1.png)}
.example-animation {
.example-animation {
color: #FFF;
color: #FFF;
font-size: 60px;
font-size: 60px;
}
}
 +
header {
 +
            position: absolute;
 +
            width: 1020px;
 +
            margin: 0 auto;
 +
            z-index: 999;
 +
        }
 +
        header > ul {
 +
            list-style: none;
 +
            display: inline-block;
 +
            margin-left: 10px;
 +
            margin-right: 10px;float:left;
 +
            -webkit-transition: all ease 0.5s;
 +
        }
 +
        header > ul:hover {
 +
            margin-top: 0 !important;
 +
        }
 +
        header > ul > li {
 +
            width: 150px;
 +
            min-height: 50px;
 +
            padding: 10px;
 +
            background-color: #ffffff;
 +
        }
 +
        header > ul > li > a {
 +
            display: block;
 +
            font-size: 16px;
 +
            text-align: center;
 +
            cursor: pointer;
 +
            color: #1d89f7;
 +
        }
 +
        header > ul > li > a:hover {
 +
            color: #000000;
 +
            text-decoration: none;
 +
        }
 +
        header > ul > li:last-child {
 +
            height: 70px;
 +
            width: 70px;
 +
            border-radius: 50%;
 +
            margin-left: 40px;
 +
            margin-top: -10px;
 +
        }
 +
        header > ul > li:last-child > div {
 +
            width: 50px;
 +
            height: 50px;
 +
            border: 5px solid #1d89f7;
 +
            border-radius: 50%;
 +
        }
 +
        header > ul > li:last-child > div > div {
 +
            width: 0;
 +
            height: 0;
 +
            margin-left: 5px;
 +
            margin-top: 5px;
 +
            border-radius: 50%;
 +
            border: 15px solid #1d89f7;
 +
        }
 +
        .logo {
 +
            position: absolute;
 +
            top: 10px;
 +
            z-index: 10;
 +
        }
 +
#slider {
 +
            background-image: url(https://static.igem.org/mediawiki/2014/2/20/OUC-China_Index_Slide1.png);
 +
            background-repeat: no-repeat;
 +
            background-size: cover;
 +
        }
 +
        #slider,#slider > ul, #slider > ul > li {
 +
            width:100%;
 +
            height:615px;
 +
        }
 +
        #slider > ul {
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        #slider > ul > li {
 +
            list-style: none;
 +
        }
 +
            #slider > .dots {
 +
                position: relative;
 +
                left: 0;
 +
                bottom: 20px;
 +
                text-align: center;
 +
                padding: 0;
 +
                margin: 0 !important;
 +
            }
 +
                #slider > .dots > li {
 +
                    display: inline-block;
 +
                    width: 10px;
 +
                    height: 10px;
 +
                    margin: 0 4px 0 4px;
 +
                    border: 2px solid #5b97fb;
 +
                    border-radius: 50%;
 +
                    cursor: pointer;
 +
                    text-indent: -999em;
 +
                    opacity: .4;
 +
                    -webkit-transition: background .5s, opacity .5s;
 +
                    -moz-transition: background .5s, opacity .5s;
 +
                    transition: background .5s, opacity .5s;
 +
                }
 +
                #slider > .dots > li.active {
 +
                    background: #5b97fb;
 +
                    opacity: 1;
 +
                }
 +
        @-webkit-keyframes CircleLogo {
 +
            0% {
 +
                transform: rotate(0deg);
 +
            }
 +
            50% {
 +
                transform: rotate(180deg);
 +
            }
 +
            100% {
 +
                transform: rotate(360deg);
 +
            }
 +
        }
 +
        @-moz-keyframes CircleLogo {
 +
            0% {
 +
                transform: rotate(0deg);
 +
            }
 +
            50% {
 +
                transform: rotate(180deg);
 +
            }
 +
            100% {
 +
                transform: rotate(360deg);
 +
            }
 +
        }
 +
        @-ms-keyframes CircleLogo {
 +
            0% {
 +
                transform: rotate(0deg);
 +
            }
 +
            50% {
 +
                transform: rotate(180deg);
 +
            }
 +
            100% {
 +
                transform: rotate(360deg);
 +
            }
 +
        }
 +
        @keyframes CircleLogo {
 +
            0% {
 +
                transform: rotate(0deg);
 +
            }
 +
            50% {
 +
                transform: rotate(180deg);
 +
            }
 +
            100% {
 +
                transform: rotate(360deg);
 +
            }
 +
        }
</style>
</style>
-
<div class = "header"> <img src="images/plasmid.png" style="width:340px;height:110px;"/> <img class = "igemLogo" src="images/IGEMLogoS.png" style="left:360px"/>
+
<script>
-
  <div class = "nav">
+
        if ($('.firstHeading')) $('.firstHeading').remove();
-
     <ul>
+
    </script>
-
      <li>HOME</li>
+
<a href="https://igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:10px" /></a>
-
      <li class = "pMenu">TEAM
+
<img class="logo" style="right:10px;animation: CircleLogo 20s linear infinite;-webkit-animation: CircleLogo 20s linear infinite;-moz-animation: CircleLogo 20s linear infinite;-ms-animation: CircleLogo 20s linear infinite" src="https://static.igem.org/mediawiki/2014/0/00/OUC_China_Content_Team.png" />
 +
     <header>
         <ul>
         <ul>
-
          <li><a href="page.html">team members</a></li>
+
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a href="#" style="font-size:22px">HOME</a></li>
-
          <li><a href="#">instructor</a></li>
+
            <li><div><div></div></div></li>
-
          <li><a href="#">Acknowledgement</a></li>
+
        </ul>
 +
        <ul style="margin-top:-260px">
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Team">Members</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
 +
            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official Team Profile</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style ="font-size:22px">TEAM</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-325px">
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">PROJECT</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-90px">
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievement</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">JUDGING</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-100px">
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">SAFETY</a></li>
 +
            <li><div><div></div></div></li>
 +
        </ul>
 +
        <ul style="margin-top:-145px">
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab Note</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling Note</a></li>
 +
            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
 +
            <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">NOTEBOOK</a></li>
 +
            <li><div><div></div></div></li>
         </ul>
         </ul>
-
      </li>
+
     </header>
-
      <li>PROJECT</li>
+
     <script>
-
      <li>JUDING</li>
+
        var header = $('header');
-
      <li>SAFETY</li>
+
        function resizeElement() {
-
      <li>NOTEBOOK</li>
+
            header.css({ marginLeft: (window.innerWidth - 1020) / 2 + 'px' });
-
     </ul>
+
        }
-
  </div>
+
        resizeElement();
-
  <div class = "Logo pMenu">
+
        window.onresize = resizeElement;
-
     <ul>
+
    </script>
-
      <li><a href="#">2013:</a><img src="images/13logo.png"></li>
+
-
      <li><a href="#">2012:</a><img src="images/12Logo.png"></li>
+
-
    </ul>
+
-
  </div>
+
-
<script>
+
-
$(".pMenu").mouseover(function(){
+
-
  $(this).find("ul").slideDown();
+
-
});
+
-
$(".pMenu").mouseleave(function(){
+
-
  $(this).find("ul").slideUp(function(){
+
-
    $(this).clearQueue();
+
-
  });
+
-
});
+
-
</script>
+
-
</div>
+
-
<!--轮播效果-->
+
-
<div class = "neck">
+
-
<!-- 代码 开始 -->
+
-
<div class="example-animation">
+
-
<div data-lazy-background="images/1.jpg">
+
-
<h3 data-pos="['0%', '110%', '10%', '5%']" data-duration="700" data-effect="move" >
+
-
Moving
+
-
</h3>
+
-
<div data-pos="['-30%', '25%', '40%', '25%']" data-duration="700" data-effect="move">
+
-
Text
+
-
</div>
+
-
<div data-pos="['56%', '-40%', '56%', '11%']" data-duration="700" data-effect="move">
+
-
and Image
+
-
</div>
+
-
<div data-pos="['23%', '110%', '23%', '42%']" data-duration="700" data-effect="move">
+
-
<img data-lazy-src="images/add.jpg"/>
+
-
</div>
+
-
</div>
+
-
<div data-lazy-background="images/2.jpg">
+
-
<h3 data-pos="['10%', '8%']" data-duration="1000" data-effect="fadein">
+
-
Fadein
+
-
</h3>
+
-
<div data-pos="['44%', '15%']" data-duration="700" data-effect="fadein">
+
-
Text
+
-
</div>
+
-
<div data-pos="['66%', '11%']" data-duration="700" data-effect="fadein">
+
-
and Image
+
-
</div>
+
-
<div data-pos="['29%', '46%']" data-duration="700" data-delay="500" data-effect="fadein">
+
-
<img data-lazy-src="images/add.jpg"/>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
$('.example-animation').DrSlider(); //Yes! that's it!
+
-
});
+
-
</script>
+
-
<!-- 代码 结束 -->
+
</div>
</div>
 +
<div id="slider">
 +
        <ul>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2014/4/42/OUC-China_Index_Slide2.png" style="width: 80%;margin:80px auto;display:block;position:inherit">
 +
            </li>
 +
            <li>
 +
<img src="https://static.igem.org/mediawiki/2014/5/5a/OUC-China_Index_Slide3.png" style="width:80%;position:inherit;margin:80px auto;display:block;" />
 +
<div style="width:5px;height:100%;position:relative;background-color:#ffffff;margin-left:49%;transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);margin-top:-600px;"></div>
 +
            </li>
 +
            <li>
 +
<img src="https://static.igem.org/mediawiki/2014/5/58/OUC-China_Index_Slide4.png" style="width:80%;margin:80px auto;display:block;position:inherit" />
 +
            </li>
 +
            <li>
 +
<img src="https://static.igem.org/mediawiki/2014/2/2f/OUC-China_Index_Slide5.png" style="width:80%;margin:80px auto;display:block;position:inherit" />
 +
            </li>
 +
        </ul>
 +
    </div>
 +
    <script>
 +
    $('#slider').unslider({
 +
        speed: 500,
 +
        delay: 3000,
 +
        keys: true,
 +
        dots: true,
 +
        fluid: false
 +
    });
 +
    </script>
<div class = "main">
<div class = "main">
   <div class = "part1">
   <div class = "part1">
 +
<h2 class="text-primary" style="width: 960px;margin:0 auto;padding-top:10px;">Introduction</h2>
 +
<p style="width: 960px;margin:0 auto;font-size: 19px;padding-top:12px;">Current researches usually transfer exogenous DNA into prokaryotic cells and eukaryotic cells, while OUC-China iGEM team has designed an innovative method to carry exogenous DNA from prokaryote to eukaryota more efficiently. Eventually we have applied the method to studies of the model organism, zebrafish. <br />
 +
We have constructed the fusion protein that can bind and protect plasmids, with the ability of helping plasmids transfect into eukaryotic cells in high efficiency.</p>
 +
<a href="https://2014.igem.org/Team:OUC-China/Project" class="btn btn-primary btn-lg" style="display:block;margin:40px auto;width:200px;position:relative;color: #ffffff;">Learn More</a>
     <div class = "waveUp"></div>
     <div class = "waveUp"></div>
     <div class = "waveDown"></div>
     <div class = "waveDown"></div>
-
     <img class = "objLeft" src="images/objLeft.png"/> <img class = "objRight" src="images/objRight.png"/> </div>
+
     <img class = "objLeft" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"/> <img class = "objRight" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png"/> </div>
-
   <div class = "part2"> <img class = "lFish" src="images/fishLeft.png"/> <img class = "rFish" src="images/fishRight.png"/>
+
   <div class = "part2"> <img class = "lFish" src="https://static.igem.org/mediawiki/2014/a/a0/OUC-China_FishLeft.png"/> <img class = "rFish" src="https://static.igem.org/mediawiki/2014/d/de/OUC-China_FishRight.png"/>
     <ul style="width:1350px; margin:auto; position:relative;">
     <ul style="width:1350px; margin:auto; position:relative;">
-
       <li style = "top:85px;left:145px;-webkit-animation-duration: 0.3s;"> <img src="images/1.png"/> <img id = "lGear" src="images/lGear.png" style="top:59px;left:131px;display:none;"/> <img src="images/bGear.png" style="top:75px;left:25px;"/>
+
       <li style = "top:85px;left:145px;-webkit-animation-duration: 0.3s;"> <img src="https://static.igem.org/mediawiki/2014/4/45/OUC-China_1.png"/> <img id = "lGear" src="https://static.igem.org/mediawiki/2014/d/d0/LGear.png" style="top:59px;left:131px;display:none;"/> <img src="https://static.igem.org/mediawiki/2014/f/f5/OUC-China_BGear.png" style="top:75px;left:25px;"/>
-
         <p style="top: 210px; left: 70px;">the double plasmid system</p>
+
         <p style="top: 200px; left: 70px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Design#Double_Plamisd">The Double Plasmid System</a></p>
       </li>
       </li>
-
       <li style = "top:30px;left:520px;-webkit-animation-duration: 0.33s;"><img src="images/2.png"/> <img src="images/circle.png" style="top: 69px; left: 38px;"> <img id = "lGear2" src="images/lGear2.png" style="top: 34px; left: 179px;">
+
       <li style = "top:30px;left:520px;-webkit-animation-duration: 0.33s;"><img src="https://static.igem.org/mediawiki/2014/6/61/OUC-China2.png"/> <img src="https://static.igem.org/mediawiki/2014/9/91/OUC-China_Circle.png" style="top: 69px; left: 38px;"> <img id = "lGear2" src="https://static.igem.org/mediawiki/2014/d/d0/LGear.png" style="top: 34px; left: 179px;">
-
         <p style="top: 275px; left: 86px;">Transfection</p>
+
         <p style="top: 275px; left: 86px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Design#Transfection">Transfection</a></p>
       </li>
       </li>
-
       <li style = "top:80px;left:930px;-webkit-animation-duration: 0.35s;"><img src="images/3.png"/> <img id = "express" src="images/expression.png" style="top: 201px; left: 88px;display:none;"> <img src="images/model.png" style="top: 42px; left: 79px;">
+
       <li style = "top:80px;left:930px;-webkit-animation-duration: 0.35s;"><img src="https://static.igem.org/mediawiki/2014/9/93/OUC-China_3.png"/> <img id = "express" src="https://static.igem.org/mediawiki/2014/b/b6/OUC-China_Expression.png" style="top: 201px; left: 88px;display:none;"> <img src="https://static.igem.org/mediawiki/2014/5/52/OUC-China_Model.png" style="top: 42px; left: 79px;">
-
         <p style="top: 246px; left: 67px;">modeling</p>
+
         <p style="top: 246px; left: 67px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></p>
       </li>
       </li>
-
       <li style = "top:450px;left:190px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="images/4.png"/> <img id = "peiYang" src="images/peiYang.png" style="top: 55px; left:80px;">
+
       <li style = "top:450px;left:190px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="https://static.igem.org/mediawiki/2014/5/50/OUC-China_4.png"/> <img id = "peiYang" src="https://static.igem.org/mediawiki/2014/c/c5/PeiYang.png" style="top: 55px; left:80px;">
-
         <p style="top: 232px; left: 59px;">Judging</p>
+
         <p style="top: 232px; left: 59px;"><a href="https://2014.igem.org/Team:OUC-China/Judging">Judging</a></p>
       </li>
       </li>
-
       <li style = "top:414px;left:530px;-webkit-animation-duration: 0.37s;"><img src="images/5.png"/> <img id = "safety" src="images/blue.png" style="top: 97px; left: 92px;">
+
       <li style = "top:414px;left:530px;-webkit-animation-duration: 0.37s;"><img src="https://static.igem.org/mediawiki/2014/e/e2/OUC-China_5.png"/> <img id = "safety" src="https://static.igem.org/mediawiki/2014/3/3b/OUC-China_Blue.png" style="top: 97px; left: 92px;">
-
         <p style="top: 267px; left: 74px;">safety</p>
+
         <p style="top: 267px; left: 74px;"><a href="https://2014.igem.org/Team:OUC-China/Safety">Safety</a></p>
       </li>
       </li>
-
       <li style = "top:450px;left:920px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="images/6.png"/> <img id = "lamp" src="images/_lamp.png" style="top: 53px; left: 85px;">
+
       <li style = "top:450px;left:920px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="https://static.igem.org/mediawiki/2014/8/8a/OUC-China_6.png"/> <img id = "lamp" src="https://static.igem.org/mediawiki/2014/8/80/OUC-China_lamp.png" style="top: 53px; left: 85px;">
-
         <p style="top: 231px; left: 69px;">policy&practise </p>
+
         <p style="top: 231px; left: 69px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practise </a></p>
       </li>
       </li>
     </ul>
     </ul>
Line 439: Line 589:
});
});
$("#peiYang").parent().hover(function(){
$("#peiYang").parent().hover(function(){
-
  document.getElementById("peiYang").src = "images/medal.png";
+
  document.getElementById("peiYang").src = "https://static.igem.org/mediawiki/2014/1/13/OUC-China_Medal.png";
  },function(){
  },function(){
-
document.getElementById("peiYang").src = "images/peiYang.png";
+
document.getElementById("peiYang").src = "https://static.igem.org/mediawiki/2014/c/c5/PeiYang.png";
});
});
$("#safety").parent().hover(function(){
$("#safety").parent().hover(function(){
-
  document.getElementById("safety").src = "images/red.png";
+
  document.getElementById("safety").src = "https://static.igem.org/mediawiki/2014/c/cc/OUC-China_Red.png";
},function(){
},function(){
-
  document.getElementById("safety").src = "images/blue.png";
+
  document.getElementById("safety").src = "https://static.igem.org/mediawiki/2014/3/3b/OUC-China_Blue.png";
});
});
$("#lamp").parent().hover(function(){
$("#lamp").parent().hover(function(){
-
document.getElementById("lamp").src = "images/lamp.png";
+
document.getElementById("lamp").src = "https://static.igem.org/mediawiki/2014/4/40/OUC-China_deng.png";
},function(){
},function(){
-
document.getElementById("lamp").src = "images/_lamp.png";
+
document.getElementById("lamp").src = "https://static.igem.org/mediawiki/2014/8/80/OUC-China_lamp.png";
});
});
   </script>  
   </script>  
</div>
</div>
-
<div class = "footer"> <img id = "top" src="images/toTop.png"/>  
+
<div class = "footer">
-
  <script>
+
  <style>
-
$("#top").click(function(){
+
    .footer > div { width: 418px; margin: 0 auto; padding-top: 50px; }
-
   $(document).scrollTop(0);
+
    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
-
});
+
    .footer > p { text-align: center; color: #ffffff }
-
</script>  
+
    .footer > p > a { color: #ffffff; }
 +
  </style>
 +
  <div>
 +
    <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Index_OrgLogo.png" />
 +
    <img src="https://static.igem.org/mediawiki/2014/e/ec/OUC-China_Index_OrgTitle.jpg" />
 +
    <img src="https://static.igem.org/mediawiki/2014/9/96/OUC-China_Foot_ouclogo.png" />
 +
    <div style="clear:both"></div>
 +
   </div>
 +
  <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
</div>
</div>
 +
<img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"/>
</html>
</html>

Latest revision as of 03:59, 18 October 2014

Introduction

Current researches usually transfer exogenous DNA into prokaryotic cells and eukaryotic cells, while OUC-China iGEM team has designed an innovative method to carry exogenous DNA from prokaryote to eukaryota more efficiently. Eventually we have applied the method to studies of the model organism, zebrafish.
We have constructed the fusion protein that can bind and protect plasmids, with the ability of helping plasmids transfect into eukaryotic cells in high efficiency.

Learn More

contact us: oucigem@163.com

Retrieved from "http://2014.igem.org/Team:OUC-China"