Team:UESTC-China/result

From 2014.igem.org

(Difference between revisions)
 
(168 intermediate revisions not shown)
Line 4: Line 4:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>UESTC-China</title>
<title>UESTC-China</title>
 +
 +
 +
 +
 +
<style>
<style>
 +
#content {
 +
    position: relative;
 +
    width:  1215px;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
        
        
Line 48: Line 66:
#header{
#header{
height: 280px;
height: 280px;
-
background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");
+
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
background-position: top center;
background-position: top center;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 63: Line 81:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 255: Line 274:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
margin-bottom: 445px;
+
margin-bottom: 25px;
}
}
.middle-photo-each{
.middle-photo-each{
Line 292: Line 311:
}
}
#top{
#top{
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
-
width: 57px;
+
width: 65px;
-
height: 57px;
+
height: 138px;
-
position: fixed;
+
position: fixed;
-
top: 80%;
+
top: 70%;
-
margin-left: 1205px;
+
margin-left: 1200px;
-
cursor: pointer;
+
cursor: pointer;
 +
z-index: 999;
 +
 
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 322: Line 342:
color:white;
color:white;
}
}
-
</style>
 
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
/*rocket-to-top*/
-
<script src="http://immunet.cn/smorf/css/fudanjs.js">
+
*{list-style:none;border:0;}
-
</script>
+
#rocket-to-top div {
 +
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
 +
}
 +
#rocket-to-top .level-2 {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
 +
    display: none;
 +
    height: 250px;
 +
    opacity: 0;
 +
    z-index: 1;
 +
}
 +
#rocket-to-top .level-3 {
 +
    background: none repeat scroll 0 0 transparent;
 +
    cursor: pointer;
 +
    display: block;
 +
    height: 150px;
 +
    z-index: 2;
 +
}
 +
#rocket-to-top {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
 +
    cursor: default;
 +
    display: block;
 +
    height: 250px;
 +
    margin: -125px 0 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: fixed;
 +
    right: 0;
 +
    top: 80%;
 +
    width: 149px;
 +
    z-index: 11;
 +
}
 +
/*rocket-to-top end*/
 +
 +
#SensorEditingArea{position:absolute; left:0px; top:280px; height:8000px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
 +
 +
.SensorEditingAreaClass p{color:#1b1b1b;position:relative;left:0px; width:1140px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif;  text-align:justify;}
 +
.SensorEditingAreaClass a{color:#1f8a70; font-weight:bold;}
 +
 +
.SectionTitles{position:relative; left:0px; background-color:#1f8a70; padding:0 10px; height:45px; line-height:40px; font-size:28px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; width:1140px; }
 +
 +
</style>
</head>
</head>
<body>
<body>
-
<div id="total-wrap">
+
<div id="total-wrap">
-
<div id="header">
+
<div id="header">
-
<div id="emp">
+
<div id="emp">
-
<div id='logo'><a href="https://igem.org"></a></div>
+
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
-
</div>
+
</div>
-
<div id="top-menu">
+
<div id="top-menu">
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Team</p>
+
<p>Team</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
+
 
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
<a href="igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
</ul>
</ul>
</div>
</div>
</div>
</div>
 +
 +
<div class="top-menu-each">
<div class="top-menu-each">
Line 365: Line 432:
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
-
<li>Future work</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
</ul>
</ul>
Line 376: Line 443:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
</ul>
</ul>
</div>
</div>
Line 385: Line 455:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
</ul>
+
</ul>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Human Practice</p>
+
<p>Human Practice</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
 +
 
 +
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
-
+
</ul>
-
</ul>
+
</div>
-
</div>
+
</div>
 +
 
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Safety</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div id="middle-photo">
 +
<div class="middle-photo-each">
 +
<div id="SensorEditingArea" class="SensorEditingAreaClass">
 +
<h1 style="color:#1b1b1b; position:relative; left:0px; padding:15 5px; font-size:40px; font-family: calibri, arial, helvetica, sans-serif; font-weight: bold;font-style: Italic; text-align:center; width:1140px;">Result</h1>
 +
<h1 class="SectionTitles" style="width:1100px; ">Vectors construction</h1><br/>
 +
<p style="color:#1b1b1b;">We have successfully constructed 2 backbones, piGEM001</em> and piGEM002. And we have verified them using digestion (Fig.1) and sequencing.</p>
 +
<br/>
 +
<div align="center">
 +
<div ><img style="width:50% ;left: 40px;position: relative;" src="https://static.igem.org/mediawiki/2014/4/44/Result_1.png"></div>
 +
<div ><p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.1</strong> Verification of backbones using digestion
 +
A: Digestion the plasmid piGEM001 with <i>Hpa</i>I and <i>Spe</i>I.
 +
 +
M: DNA marker;
 +
 +
1: plasmid piGEM001 and its digestion product
 +
 +
B: Digestion the plasmid piGEM002 with <i>Hpa</i>I and <i>Dra</i>III.
 +
 +
M: DNA marker;
 +
 +
1: plasmid piGEM002 and its digestion production
 +
<br/>
 +
</p>
 +
</div>
 +
</div>
 +
<div><br/>
 +
<p style="color:#1b1b1b;">Then we have successfully constructed 6 monogene expression vectors, from vector piGEM003 to vector piGEM008. And we have verified all of them using digestion and sequcencing. Here we only show the result of vector piGEM005 (Fig.2). </p>
 +
<br/>
 +
<div align="center"><img style="width:20% ;" src="https://static.igem.org/mediawiki/2014/3/38/Result_2.png">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.2</strong>
 +
Digestion the plasmid piGEM005 with <i>EcoR</i>I and <i>Sac</i>I.
 +
M: DNA marker;
 +
1: piGEM005 plasmid and <i>TCP02-HPS-PHI</i> fragment
 +
</p>
</div>
</div>
-
<div class="top-menu-each">
+
</div><br/>
-
<a href='https://2014.igem.org/Team:UESTC-China/Safety'><p>Safety</p>
+
<p style="color:#1b1b1b;">In order to enhance the ability of tobacco to metabolize formaldehyde, we have successfully constructed 3 multigenge expression vectors, from vector piGEM009 to vector piGEM011. We have verified all of them using digestion (Fig.3) and sequcencing.</p>
 +
<br/>
 +
<div align="center"><img style="width:60% ;" src="https://static.igem.org/mediawiki/2014/7/75/Result_3.png">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.3</strong> Verification of multi-gene expression vectors using digestion
 +
A: Digestion the plasmid piGEM009 with <i>Xba</i>I and <i>Sal</i>I.
 +
M: DNA marker;
 +
1: piGEM009 plasmid and it's digestion product
 +
B:
 +
Digestion the plasmid piGEM010 with <i>Hind</i>III and <i>Sac</i>I.
 +
M: DNA marker;
 +
1: piGEM010 plasmid and it's digestion product
 +
C:
 +
Digestion of the plasmid piGEM011 with <i>EcoR</i>I and <i>Sac</i>I.
 +
M: DNA marker;
 +
6: plasmid piGEM011 and it's digestion production
 +
<br/><br/></p>
</div>
</div>
-
</div>
 
-
</div>
 
 +
<h1 class="SectionTitles" style="width:1100px; ">Tobacco transformation</h1><br/>
 +
<p style="color:#1b1b1b;">Tobacco was transformed essentially using the leaf disk co-cultivation protocol of Horsch. This protocol includes infection and co-cultivation (Fig.4A), selection (Fig.4B), regeneration and rooting (Fig.4C). We have successfully transformed each vector into babacco and got positive transgenic plantlets (Fig.5). Table 1 is the statistical result of quantity of each transgenic line. And we have got PCR positive plantlets of every transgenic line.</p>
 +
<br/>
 +
<div align="center"><img style="width:80% ;" src="https://static.igem.org/mediawiki/2014/d/d4/Result_fig4.jpg">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.4</strong>
 +
Transform piGEM003, piGEM004, piGEM005, piGEM006, piGEM007, piGEM008, piGEM009, piGEM010 and piGEM011 into tobacco. Co-cultured for 48 hours (A); Selection for one month (B); Rooting for one month (C).
 +
<br/>
 +
</p>
 +
</div>
 +
<br/>
 +
<div align="center"><img style="width:60% ;" src="https://static.igem.org/mediawiki/2014/8/83/Result_5.jpg">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:500px; color:#1b1b1b;">
-
<div id="middle-photo">
+
<strong>Fig.5</strong>
-
<div class="middle-photo-each">
+
Positive tobacco plantlets of each transgenic line.
-
<iframe style="
+
<br/>
-
width: 1173px;
+
</p>
-
height: 4700px;
+
</div>
-
margin: 20px;
+
<br/>
-
" src="http://immunet.cn/smorf/css/result.html">
+
 
 +
<div align="center">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:800px; color:#1b1b1b;"><strong>Table.1</strong>
 +
Statistical result of quantity of each transgenic line.
 +
</p>
 +
<img style="width:70% ;" src="https://static.igem.org/mediawiki/2014/a/a5/Table.png">
 +
</div>
 +
<br/>
 +
 +
<h1 class="SectionTitles" style="width:1100px; ">Expression of four key enzymes in tobacco</h1><br/>
 +
<p style="color:#1b1b1b;">We extracted DNA from tobacco plants. And then we used specific primers to amplify the target gene to verify the kan-resistant plants (Fig.6). Next we extracted RNA from tobacco leaves which are PCR positive. We used  RT-PCR to detect whether target gene was expressed (Fig.7).</p>
 +
<br/>
 +
<div align="center"><img style="width:50% ;" src="https://static.igem.org/mediawiki/2014/5/58/10.png">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;"><strong>Fig.6</strong>
 +
PCR identification of kan-resistant tobacco plants (piGEM010 transgenic line).
 +
M: DNA marker;
 +
WT: widetype control;
 +
P: plasmid;
 +
1-8: 6 individual lines
 +
</p>
 +
</div>
 +
<div align="center"><img style="width:45% ;" src="https://static.igem.org/mediawiki/2014/4/46/Fig_7.jpg"><br/>
 +
<p style="position:relative; left:40px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:600px; color:#1b1b1b;">
 +
<strong>Fig.7</strong> RT-PCR verification of positive transgenic tobacco plants.
 +
</p>
 +
</div>
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px; ">Enhanced formaldehyde tolerance </h1><br/>
 +
<p style="color:#1b1b1b;">The transgenic and wildtype plants, which had been grown separately in sealed boxes, were exposed to formaldehyde evaporated from a micro tube (0.5ml) containing formaldehyde solution (37%, 10μl) (Fig.8). Two weeks later we observed the phenotype of transgeneic and widetype plants (Fig.9). We found that the transgenic plant is stronger than wildtype after formaldehyde exposure. This indicates that production of <i>HPS/PHI</i>, <i>FALDH</i> and <i>FDH</i> enhanced formaldehyde tolerance of transgenic plant.</p>
 +
<br/>
 +
<div align="center"><img style="width:50% ;" src="https://static.igem.org/mediawiki/2014/a/a5/Uestcresutl8.png">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.8</strong>
 +
The transgenic (A) and wildtype plants (B), which had been grown separately in sealed boxes, were exposed to formaldehyde evaporated from a micro tube (0.5ml) containing formaldehyde solution (37%, 10μl)
 +
</p>
 +
</div>
 +
<div align="center"><img style="width: 54%;
 +
position: relative;
 +
left: 20px;
 +
" src="https://static.igem.org/mediawiki/2014/9/95/Uestcresult9.png">
 +
<p style="position:relative; left:0px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:1100px; color:#1b1b1b;">
 +
<strong>Fig.9</strong>
 +
Phenotype testing of transgenic plants and wildtype. A: Before exposure to HCHO. B: Exposure to HCHO for one week. The transgenic plant is stronger than wildtype after formaldehyde exposure. 10μl 37% HCHO, two weeks.
 +
</p>
 +
</div>
 +
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px; ">Enhanced formaldehyde absorbance</h1><br/>
 +
<p style="color:#1b1b1b;">We detected the concentration of gaseous formaldehyde evaporated from a micro tube (0.5ml) containing formaldehyde solution (37%, 10μl) and made a curve (Fig.10) about relationship between formaldehyde concentration and time. And we saw a linear relationship between formaldehyde concentration and time before formaldehyde is saturated. For quantity result, we used a formaldehyde detector to detect the concentration of  gaseous formaldehyde (Fig.11). The transgenic and wildtype plants, which had been grown separately in sealed boxes, were exposed to formaldehyde evaporated from a micro tube (0.5ml) containing formaldehyde solution (37%, 10μl) for about 3 weeks. Three weeks later, the covers of the plant boxes were removed and quickly replaced with covers equipped with formaldehyde dose-monitoring tubes in order to determine roughly the gaseous formaldehyde levels remaining in the boxes. We have not got the precise data results now, and this work is to be continued.</p>
 +
<br/>
 +
<div align="center"><img style="width:50% ;" src="https://static.igem.org/mediawiki/2014/3/3c/Graph1.png">
 +
<p style="position:relative; left:50px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:650px; color:#1b1b1b;"><strong>Fig.10</strong>
 +
The relationship between formaldehyde concentration and time
 +
</p>
 +
</div>
 +
<br/>
 +
<div align="center"><img style="width:40% ;" src="https://static.igem.org/mediawiki/2014/2/24/Result_10.jpg">
 +
<p style="position:relative; left:50px; padding:15 5px; font-size:20px; font-family: calibri, arial, helvetica, sans-serif; font-style: calibri; text-align:justify; width:500px; color:#1b1b1b;"><strong>Fig.11</strong>
 +
Folmaldehyde concentration detection.
 +
</p>
 +
</div>
 +
<br/>
 +
 
 +
 +
<br/>
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px; ">Transit peptides affect formaldehyde degrading efficiency </h1>
 +
<br/>
 +
<p style="color:#1b1b1b;"><i>HPS</i>, <i>PHI</i>, and <i>FDH</i> are located in chloroplast, while <i>FALDH</i> plays a role in cytoplasm. So we used transit peptides to locate the productions of these genes. We hope to know the effects of transit peptide on degrading formaldehyde. So we exposed transgenic tobaccos with and without transit peptides to formaldehyde (37%, 10μl). However, there are no obvious phenotype difference compairing different transgenic lines because time limited.</p>
 +
<br/>
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px; ">Different genes affect formaldehyde degrading efficiency </h1>
 +
<br/>
 +
<p style="color:#1b1b1b;">To test which enzymes play the most important role in pathway of metabolizing formaldehyde, we constructed mono-gene expression vectors to express each enzyme individually. We also constructed multi-gene expression vectors to test whether the ability of metabolizing formaldehyde of transgenic tobacco enhanced. Then these transgenic tobaccos were exposed to formaldehyde (37%, 10μl). However, we have not got obvious phenotype difference among transgenic lines, because there is not enough time</p>
 +
<br/>
 +
<br/>
 +
<h1 class="SectionTitles" style="width:1100px; ">Tapetal expression of <i>AdCP</i> results in male sterility in high expression plants</h1><br/>
 +
<p style="color:#1b1b1b;">Considering the problem of environment and safety, we use male sterility system which prevents the horizontal transgene flow. Morphological and histological analysis of <i>AdCP</i> transgenic plants showed ablated tapetum and complete pollen abortion. However, there is not enough time to wait for transgenic tobacco flowering.</p>
 +
<br/>
 +
<div align="center">
 +
<div><img style="width:40% ;" src="https://static.igem.org/mediawiki/2014/2/2e/Tobecontinued.png"></div>
 +
</div>
 +
 +
 +
</div>
-
</iframe>
+
 +
 +
</div>
</div>
<div class="middle-photo-each">
<div class="middle-photo-each">
Line 432: Line 665:
</div>
</div>
 +
 +
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
 +
var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg");
 +
var datatemp=function(){
 +
this.head;
 +
this.content;
 +
}
 +
var data1=new datatemp();
 +
var data2=new datatemp();
 +
var data3=new datatemp();
 +
data1.head="Plants";
 +
data1.content="Culture";
 +
data2.head="Plants ";
 +
data2.content="Transform";
 +
data3.head="Our Team";
 +
data3.content="Keep moving";
 +
var imageintro=new Array(data1,data2,data3);
 +
var imagecount=0;
 +
 +
var init=function(){
 +
$('.arrow').hide();
 +
$('.top-menu-sub').hide();
 +
 +
}
 +
var bind=function(){
 +
$("#top").hide();
 +
$(document).scroll(function(){
 +
if($(document).scrollTop()>308){
 +
$("#left-bar").css("position","fixed");
 +
$("#left-bar").css("top","0%");
 +
}
 +
else{
 +
console.log(1);
 +
$("#left-bar").css("position","absolute");
 +
$("#left-bar").css("top","");
 +
 +
};
 +
})
 +
$('.top-menu-each').hover(function(){
 +
$('.top-menu-each.click .arrow').hide();
 +
$('.top-menu-each.click').removeClass('click');
 +
$(this).addClass('click');
 +
$(this).find('.arrow').show();
 +
$('.top-menu-sub.show').hide();
 +
$('.top-menu-sub.show').removeClass('show');
 +
$(this).find('.top-menu-sub').addClass('show');
 +
$(this).find('.top-menu-sub').show();}
 +
,
 +
function() {
 +
 +
$(this).removeClass('click');
 +
$(this).find('.arrow').hide();
 +
$(this).find('.top-menu-sub').removeClass('show');
 +
$(this).find('.top-menu-sub').hide();
 +
 +
 +
})
 +
 +
 +
}
 +
var changepic=function(){
 +
imagecount=imagecount+1;
 +
if(imagecount==imageload.length){
 +
imagecount=imagecount-imageload.length;
 +
}
 +
$('#big-photo-hover').fadeOut(function(){
 +
$('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>');
 +
$('#big-photo img:eq(0)').css('margin-left','-1214px');
 +
$('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000);
 +
$('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){
 +
$('#big-photo img:eq(1)').remove();
 +
$('#big-photo-hover .header').html(imageintro[imagecount].head);
 +
$('#big-photo-hover .content').html(imageintro[imagecount].content);
 +
$('#big-photo-hover').fadeIn();
 +
});
 +
})
 +
 +
 +
}
 +
$(window).scroll(function(){
 +
min_height=window.screen.availHeight ;
 +
var s = $(window).scrollTop();
 +
if( s > 0){
 +
if(!$("#top").hasClass("hide"))
 +
$('#top').fadeIn(100);
 +
}else{
 +
$('#top').fadeOut(200);
 +
};
 +
});
 +
 +
 +
$('#top').click(function(){
 +
$('html,body').animate({scrollTop:0},300);
 +
 +
});
 +
setInterval(changepic,8000);
 +
init();
 +
bind();
 +
/*
 +
if ($("p:contains('Team')").parent().next().find("p").html() == "Result") {
 +
$("p:contains('Result')").parent().remove();
 +
};
 +
if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") {
 +
a = $("p:contains('Home')").parent().parent().clone();
 +
a.find('p').html('Result');
 +
a.find('a').attr('href','/Team:UESTC-China/result');
 +
$("p:contains('Modeling')").parent().after(a);
 +
};*/
 +
item = window.location.href.split('/').pop();
 +
item = item.split('.')[0];
 +
 +
if ( item == "members" ) {
 +
 +
$('iframe').css('width','900px');
 +
 +
};
 +
 +
 +
})
 +
 +
</script>
</body>
</body>
</html>
</html>

Latest revision as of 02:29, 18 October 2014

UESTC-China