Difference between revisions of "Team:SZU-China"

Line 1: Line 1:
{{FJNU-China}}
 
 
<html>
 
<html>
<style>
+
    <style>
 
+
        #sideMenu, #top_title {
 
+
        display: none;
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
+
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
+
td,th,caption { font-size:14px; }
+
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
+
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
+
a { color:#555; text-decoration:none; }
+
a:hover { text-decoration:underline; }
+
img { border:none; }
+
ol,ul,li { list-style:none; }
+
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
+
table { border-collapse:collapse; }
+
html {overflow-y: scroll;}
+
 
+
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
+
.clearfix { *zoom:1; }
+
 
+
 
+
 
+
 
+
 
+
.igem_2018_team_menu.displaying_menu{display:none !important;}
+
body {
+
            height: 100%;
+
            width: 100%;
+
            background-color: transparent !important;
+
        }
+
        #globalWrapper {
+
            margin: 0;
+
            padding: 0;
+
          font-size:100% !important;
+
 
         }
 
         }
 
         #content {
 
         #content {
 
             width: 100%;
 
             width: 100%;
             padding: 0;
+
             margin: 0px;
             margin: -12px 0 0;
+
             padding: 0px;
             background-color: transparent !important;
+
             background: #FFF;
 
         }
 
         }
 
+
         .dropdown:hover {
         #top_title {
+
        background-color: dodgerblue;
            display: none;
+
 
         }
 
         }
.igem_2018_team_content{
+
        .dropdown:hover .dropdown-menu {
  background-color: transparent !important;
+
        display: block;
}
+
        }
#content{
+
           
color:white !important;
+
    </style>
}
+
  
.igem_2018_team_content
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS?action=raw&amp;ctype=text/css" />
.igem_2018_team_column_wrapper
+
{
+
+
font-weight:nomal !important;
+
text-decoration:none !important;
+
height: 0px !important;
+
clear: none!important;
+
}
+
.igem_2018_team_content
+
.igem_2018_team_column_wrapper p{
+
font-size: 100%  !important;
+
color: white !important;
+
padding: 0px !important;
+
}
+
.igem_2018_team_column_wrapper h2
+
.igem_2018_team_content
+
.igem_2018_team_column_wrapper h3
+
.igem_2018_team_content
+
.igem_2018_team_column_wrapper h4
+
.igem_2018_team_content
+
.igem_2018_team_column_wrapper h5 {
+
  
color: white !important;
 
padding: 0px  !important;
 
}
 
.clear
 
.extra_space{
 
display: float!important;
 
}
 
  
ul{
 
list-style-type:none !important;
 
list-style-image:none !important;
 
}
 
  
.igem_2018_team_mobile_bar{
+
       
display: none !important;
+
}
+
 
+
.clear .extra_space{
+
display: none !important;
+
}
+
#globalWrapper{
+
width: auto !important;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper a{
+
text-decoration: none!important;
+
text-decoration-color: none !important;
+
}
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul{
+
font-size: 120% !important;
+
padding: 0 0 0 0 !important;
+
}
+
.intro .main-nav ul.main-menu li ul.dropdown-menu{
+
background:rgba(243,243,243,0.6)  none repeat scroll 0 0 !important;
+
}
+
 
+
#bodyContent a{
+
background: normal!important;
+
+
}
+
h3{
+
overflow: visible !important;
+
}
+
.igem_2018_team_content{
+
width: 100% !important;
+
}
+
.container{
+
width: auto !important;
+
}
+
.mw-content-ltr {
+
margin: 0 auto !important;
+
}
+
 
+
#navbar-collapse{
+
padding-right:auto;
+
}
+
.mw-content-ltr ol{
+
margin: auto !important;
+
}
+
.carousel-indicators{
+
width: auto !important;
+
}
+
 
+
 
+
 
+
 
+
 
+
 
+
</style>
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:FJNU-China/CSS/bootstrap-min?action=raw&amp;ctype=text/css
+
">
+
 
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:FJNU-China/CSS/index?action=raw&amp;ctype=text/css
+
">
+
 
+
<!-- nav-->
+
 
+
<link rel="stylesheet" href="https://2018.igem.org/Team:FJNU-China/fontawesome?action=raw&ctype=text/css
+
">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:FJNU-China/nav-CSS?action=raw&amp;ctype=text/css
+
">
+
 
+
 
+
 
+
 
+
 
+
 
+
<!-- slide -->
+
 
+
<link rel="stylesheet" href="https://2018.igem.org/Template:FJNU-China/CSS/slide?action=raw&amp;ctype=text/css
+
">
+
 
<body>
 
<body>
<!-- 导航栏 -->
+
        <div>
<section class="intro">
+
            <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
+
                <div class="container-fluid">
<div class="main-nav" style="margin-top:-80px; ">
+
                    <a class="navbar-brand" href="https://2018.igem.org/Team:SZU-China">SZU-China</a>
<nav class="navbar" id="main-navbar">
+
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="container">
+
                    <span class="navbar-toggler-icon"></span>
<div class="row">
+
                  </button>
<div class="col-lg-12">
+
   
<div class="navbar-header">
+
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
+
                        <ul class="navbar-nav mr-auto">
<span class="icon-bar"></span>
+
                            <li class="nav-item active">
<span class="icon-bar"></span>
+
                                <a class="nav-link" href="#">Home</a>
<span class="icon-bar"></span>
+
                            </li>
<span class="icon-bar"></span>
+
                            <li class="nav-item dropdown">
<span class="icon-bar"></span>
+
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>  
+
                                    Team
<div style="float:left;">
+
                                </a>
<a class="navbar-brand" href="https://2018.igem.org/Team:FJNU-China""><img src="https://static.igem.org/mediawiki/2018/9/9d/T--FJNU-China--index_logo.png" alt="FJNU-China" style="margin-top: -5px !important;"></a></div>
+
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
</div>
+
                                    <a class="dropdown-item" href="#">Team Members</a>
<div class="collapse navbar-collapse nopadding" id="navbar-collapse "  style="folat:left !important;">
+
                                    <a class="dropdown-item" href="#">Collaborations</a>
<ul class="nav navbar-nav main-menu">
+
   
<li class="active"><a href="https://2018.igem.org/Team:FJNU-China">Home</a></li>
+
                                </div>
<li class="clearfix"><a href="https://2018.igem.org/Team:FJNU-China/Team">Team</a>
+
                            </li>
<ul class="dropdown-menu">
+
                            <li class="nav-item dropdown">
<li><a href="https://2018.igem.org/Team:FJNU-China/Team">About us</a></li>
+
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<li><a href="https://2018.igem.org/Team:FJNU-China/Attributions">Attributions</a></li>
+
                                    Project
<li><a href="https://2018.igem.org/Team:FJNU-China/Gallery">Gallery</a></li>
+
                                </a>
+
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
</ul>
+
                                    <a class="dropdown-item" href="demo.html">Description</a>
</li>
+
                                    <a class="dropdown-item" href="#">Design</a>
<li class="clearfix"><a href="https://2018.igem.org/Team:FJNU-China/Description">Projects</a>
+
                                    <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Model">Model</a>
<ul class="dropdown-menu">
+
                                    <a class="dropdown-item" href="#">Biobricks</a>
<li><a href="https://2018.igem.org/Team:FJNU-China/Description">Description</a></li>
+
                                    <a class="dropdown-item" href="#">Improve</a>
+
   
<li><a href="https://2018.igem.org/Team:FJNU-China/Demonstrate">Demonstrate</a></li>
+
                                </div>
<li><a href="https://2018.igem.org/Team:FJNU-China/Model">Model</a></li>
+
                            </li>
<li><a href="https://2018.igem.org/Team:FJNU-China/Notebook">Notebook</a></li>
+
                            <li class="nav-item dropdown">
<li><a href="https://2018.igem.org/Team:FJNU-China/InterLab">InterLab</a></li>
+
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+
                                    Experiment
<li><a href="https://2018.igem.org/Team:FJNU-China/Safety">Safety</a></li> </ul>
+
                                </a>
</li>
+
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="clearfix"><a href="https://2018.igem.org/Team:FJNU-China/Result">Results</a></li>
+
                                    <a class="dropdown-item" href="#">Demonstrate</a>
<li class="clearfix"><a href="https://2018.igem.org/Team:FJNU-China/Parts">Parts</a>
+
                                    <a class="dropdown-item" href="#">Results</a>
<ul class="dropdown-menu">
+
                                    <a class="dropdown-item" href="#">Safety</a>
<li><a href="https://2018.igem.org/Team:FJNU-China/Basic_Part">Basic Part</a></li>
+
                                    <a class="dropdown-item" href="#">InterLab</a>
<li><a href="https://2018.igem.org/Team:FJNU-China/Composite_Part">Composite Part</a></li>
+
   
<li><a href="https://2018.igem.org/Team:FJNU-China/Improve">Improve</a></li>
+
                                </div>
<li><a href="https://2018.igem.org/Team:FJNU-China/Parts">Part List</a></li>
+
                            </li>
</ul>
+
   
</li> <li class="clearfix"><a href="https://2018.igem.org/Team:FJNU-China/Human_Practices">HP</a>
+
                            <li class="nav-item dropdown">
<ul class="dropdown-menu">
+
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<li><a href="https://2018.igem.org/Team:FJNU-China/Overview">Overview</a></li>
+
                                    Human Practices
<li><a href="https://2018.igem.org/Team:FJNU-China/Public_Engagement">Engagement&amp;<br>Public Education</a></li>
+
                                </a>
<li><a href="https://2018.igem.org/Team:FJNU-China/Human_Practices">Intergrated HP</a></li>
+
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                    <a class="dropdown-item" href="#">Human Practices</a>
<li><a href="https://2018.igem.org/Team:FJNU-China/Collaborations">Collaborations</a></li>
+
                                    <a class="dropdown-item" href="#">Education and Engagement</a>
+
      
</ul>
+
                                </div>
</li>
+
                            </li>
<li class=""><a href="https://2018.igem.org/Team:FJNU-China/Medals">Medals</a></li>
+
                                 
 
+
                            <li class="nav-item dropdown">
+
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                                    Judging
</div>
+
                                </a>
</li>
+
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                    <a class="dropdown-item" href="#">Judging Form</a>
</ul>
+
                                    <a class="dropdown-item" href="#">Awards</a>
</div>
+
   
</div>
+
                                </div>
</div>
+
                            </li>
</div><!-- end conainer -->
+
                        </ul>
</nav><!-- end navbar -->
+
   
</div><!-- Main Menu -->
+
                    </div>
 
+
                </div>
</section>
+
            </nav>
<!-- 轮播图 -->
+
        </div>
 
+
 
+
<div class="main-slider" style="margin-top:85px;">
+
<div id="top-slider" class="carousel slide" data-ride="carousel">
+
<ol class="carousel-indicators">
+
<li data-target="#top-slider" data-slide-to="0" class="active"> </li><li data-target="#top-slider" data-slide-to="1"> </li><li data-target="#top-slider" data-slide-to="2"> </li>
+
</ol>
+
<div class="carousel-inner">
+
<div class="item active">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/7/74/T--FJNU-China--index-look.jpeg" alt="First slide" class="img-responsive">
+
<figcaption>
+
<div class="container">
+
<h1 class="animated bounceInDown">2-PLEAsant</h1>
+
<p class="animated fadeInUp">Comprehensive application of bacteriostasis and aroma producing.</p>
+
<a href="https://2018.igem.org/Team:FJNU-China/Description" class="animated fadeInUp">Read more</a>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="item">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/6/6f/T--FJNU-China--index-us1.jpg" alt="First slide" class="img-responsive">
+
<figcaption>
+
<div class="container">
+
<h1 class="animated bounceInDown">8 girls' fantastic journey</h1>
+
<p class="animated fadeInUp">Participate in iGEM for the first time.</p>
+
<a href="https://2018.igem.org/Team:FJNU-China/Team" class="animated fadeInUp">Read More</a>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
  <div class="item">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/9/96/T--FJNU-China--index-green.png" class="img-responsive">
+
<figcaption>
+
<div class="container">
+
<h1 class="animated fadeInDownBig">A wonderful combination of Bacteriostasis and Aroma Producing</h1>
+
<p class="animated fadeInUp">PLA broad spectrum bacteriostatic & 2-PE product fragrance of roses</p>
+
<a href="https://2018.igem.org/Team:FJNU-China/Description" class="animated fadeInUp">Read More</a>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
 
+
</div>
+
<a class="left carousel-control" href="#top-slider" data-slide="prev"><i class="fa fa-arrow-left"></i></a>
+
<a class="right carousel-control" href="#top-slider" data-slide="next"><i class="fa fa-arrow-right"></i></a>
+
</div>
+
</div>
+
+
</section>
+
 
+
<!-- 两段介绍 -->
+
<div class="tab2">
+
<div class="container">
+
<div class="row">
+
<div class="col-md-6 col-sm-6 tab2-img">
+
<a name="why"> <img src="https://static.igem.org/mediawiki/2018/0/03/T--FJNU-China--index_overview3.0.png" alt="" class="auto img-responsive center-block"></a>
+
  </div>
+
  <div class="text col-md-6 col-sm-6 tab2-text">
+
    <h3><span style="font-size: 40px">Why</span>  do  we  do  this ?</h3>
+
    <p style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;According to statistics, the microbes we touched each day is about 3 times more than the human cells. The infection with some specific microbes can cause infectious diseases and give unpleasant smell. Bacteria can infect any area of the body and cause different diseases: pneumonia, meningitis, food poisoning, etc.<br>
+
&nbsp;&nbsp;&nbsp;&nbsp;We believe that it will be very interesting and meaningful to inhibit most of the bacteria that affects our normal life  and to make the environment that has an unusual smell become fragrant in a more efficient, environmentally friendly way.<br>
+
&nbsp;&nbsp;&nbsp;&nbsp;Based on the principles of metabolic engineering, we engineered an<span style="font-style:italic;"> E.coli </span>strain producing phenyllaclic acid that has broad-spectrum antibacterial effects, and the rose-like aroma compound 2-phenylethanol.They are all bio-safe substances of food grade.
+
We incorporated the common components of temperature and salt control in the synthesis system, which applied phenyllaclic acid and 2-phenylethanol to the environment of our daily lives.The environemnt around us will be greatly improved due to the release of phenyllaclic acid and 2-phenylethanol.
+
 
+
    </p>
+
</div>
+
</div>
+
</div>
+
  </div>
+
<div class="tab3">
+
<div class="container">  
+
<div class="row">
+
<div class="col-md-6 col-sm-6">  
+
<img src="https://static.igem.org/mediawiki/2018/6/67/T--FJNU-China--index_D-PLA.png" alt="" class="auto img-responsive center-block">  
+
<img src="https://static.igem.org/mediawiki/2018/1/1e/T--FJNU-China--index_2-PE.png" alt="" class="auto img-responsive center-block">  
+
 
+
</div>  
+
<div class="text col-md-6 col-sm-6">
+
<h3><span style="font-size: 40px">What</span> we want to do?</h3>  
+
<p class="tab-p">We designed two applications to bring PLA and 2-PE into practice. In order to highlight the role of PLA and 2-PE, broad-spectrum antibacterial and rose-like aroma compound, we add it to solve the internal and external environment. </p>
+
<p style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;Phenyllactic acid(PLA)widely found in kimchi, honey and other foods. It is a new type of natural antibacterial substance and preservative, which can inhibit a series of Gram-negative, positive bacteria and fungi. Besides, PLA has obvious improvement and protection to the cardiovascular system, which has been widely used in the food and pharmaceutical industries. </br>
+
The process of chemical synthesis of PLA is complex, costly, environmentally unfriendly, and the products are difficult to be separated and purified, while the biosynthesis method produces PLA with low cost, high purity and low pollutant. In our project, d-lactic acid dehydrogenase (Dldh) and phenylalanine transaminase (Tyrb) were efficiently expressed in escherichia coli, besides, glutamate dehydrogenase (GDH) was expressed, for the internal recycling of cofactor NADH. The phenylalanine was converted to phenylpyruvate by the action of an ammonia-transferase (Tyrb), and then dehydrogenated by a lactate dehydrogenase (Dldh) to produce phenyllactic acid. Finally, the metabolic pathway and catalytic conditions were optimized to significantly improve the yield of PLA.</br></br>&nbsp;&nbsp;&nbsp;&nbsp;2-benzenol(2-phenylethanol,2-PE) is one of the most important aromatic compounds, and it has delicate and persistent rose aroma. In recent years, many studies have shown that phenylethanol not only has antibacterial activity, but also its derivative phenylethanol has medicinal value. 2-pe is traditionally extracted from roses, but the yields are usually low. Now days, 2-pe is produced mainly through chemical synthesis, which is environmentally unfriendly and produces unwanted byproducts. Therefore, we selected escherichia coli lacking tnaA gene as the engineering bacteria, and over-expressed tyrosine amino transferase (TyrB) under the control of J23100 promoter. Phenylpyruvate decarboxylase (Aro10) and phenylacetaldehyde reductase (PAR) from rose enable phenylalanine to produce phenylpyruvate by transamination. The above products  of  phenylpyruvate are generated into phenylacetaldehyde by decarboxylation, which then produced into phenylethanol by dehydrogenation to construct 2-pe biosynthesis pathway. Finally, the metabolic pathways and catalytic conditions were optimized to increase the yield of 2-pe significantly.
+
 
+
+
</p>
+
</div>  
+
</div>  
+
</div>
+
</div>
+
<div class="tab2">
+
<div class="container">
+
<div class="row">
+
<div class="col-md-6 col-sm-6 tab2-img">
+
<img src="https://static.igem.org/mediawiki/2018/0/03/T--FJNU-China--index_overview3.0.png" alt="" class="auto img-responsive center-block">
+
  </div>
+
  <div class="text col-md-6 col-sm-6 tab2-text">
+
    <h3><span style="font-size: 40px">How</span>  do  we  apply ?</h3>
+
    <p style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;A new type of garbage lid, which contain our engineered bacteria. With the press to the bottom, the bacteria flew down and produce PLA and 2-PE to inhibit the growth of harmful bacteria and release the rose-like fragrance.<br><br>
+
&nbsp;&nbsp;&nbsp;&nbsp;We use biomemrane as our final product to get rid of bromidrosis. Our engineered bacteria will be culture in the interlayer of the membrane. The membrane not only passes through outputs, but also prevents the bacteria reveal to our skin.
+
    </p>
+
</div>
+
</div>
+
</div>
+
  </div>
+
 
+
+
 
+
<!-- 底部 -->
+
<footer class="footer-distributed" style="padding-top: 15px !important;padding-bottom: 10px !important;margin-bottom: -30px !important;">
+
 
+
<div class="footer-right">
+
 
+
<h3 style="text-align: left; font-weight: bold;">Contact Us</h3>
+
 
+
    <a target="_blank" href="https://2018.igem.org/Team:FJNU-China"><i class="fa fa-envelope" aria-hidden="true"></i></a> 
+
    <a target="_blank" href="https://2018.igem.org/Team:FJNU-China"><i class="fa fa-twitter" aria-hidden="true"></i></a>
+
    <a target="_blank" href="https://2018.igem.org/Team:FJNU-China"><i class="fa fa-facebook" aria-hidden="true"></i></a>
+
    <a target="_self" href="https://2018.igem.org/Team:FJNU-China"><i class="fa fa-university" aria-hidden="true"></i></a>
+
     <p>E-mail: &nbsp;igem2018fjnu@gmail.com</p>
+
</div>
+
 
+
 
+
<div class="footer-left">
+
<h3 style="text-align:left;font-weight: bold;">Attribution</h3>
+
<p class="footer-links">
+
 
+
           
+
<a target="_blank" href="http://life.fjnu.edu.cn/">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/17/T--FJNU-China--index_life.png">
+
    </a>
+
 
+
<a target="_blank" href="http://www.im.cas.cn/" style="width:100px !important;">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ec/T--FJNU-China--index_taoyong.png" style="width:50%;height: 50%;">
+
    </a>
+
   
+
 
+
<a target="_blank" href="#">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/0/0d/T--FJNU-China--index_biolab.png">
+
    </a>
+
                    <a target="_blank" href="#">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/2/2a/T--FJNU-China--index_Dobio.png" style="width:50%;height: 50%;">
+
    </a>  
+
     
+
+
+
</p>
+
 
+
+
</div>
+
 
+
</footer>
+
 
+
 
+
 
+
 
+
 
+
<!-- 代码 开始 -->
+
<style>
+
a {
+
text-decoration:none
+
}
+
a:hover {
+
text-decoration:underline
+
}
+
 
+
#moquu_top{
+
z-index:2;
+
width:30px;
+
height:30px;
+
+
position:fixed;
+
cursor:pointer;
+
_position:absolute;
+
_bottom:auto;
+
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
+
}
+
 
+
 
+
 
+
#topcontrol{background:transparent; height:auto; width:auto; border-radius:0px;}
+
</style>
+
 
+
<!-- jQ -->
+
<script src="https://2018.igem.org/Template:FJNU-China/Javascript/jQuery-min?action=raw&amp;ctype=text/javascript
+
"></script>
+
 
+
+
<script type="text/javascript">
+
var scrolltotop={
+
setting:{
+
startline:100, //起始行
+
scrollto:0, //滚动到指定位置
+
scrollduration:400, //滚动过渡时间
+
fadeduration:[500,100] //淡出淡现消失
+
},
+
controlHTML:'<img src="https://static.igem.org/mediawiki/2018/e/e0/T--FJNU-China--index_top.png" style="width:60%; height:60%; border:0;" />', //返回顶部按钮
+
controlattrs:{offsetx:5,offsety:5},//返回按钮固定位置
+
anchorkeyword:"#top",
+
state:{
+
isvisible:false,
+
shouldvisible:false
+
},scrollup:function(){
+
if(!this.cssfixedsupport){
+
this.$control.css({opacity:0});
+
}
+
var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);
+
if(typeof dest=="string"&&jQuery("#"+dest).length==1){
+
dest=jQuery("#"+dest).offset().top;
+
}else{
+
dest=0;
+
}
+
this.$body.animate({scrollTop:dest},this.setting.scrollduration);
+
},keepfixed:function(){
+
var $window=jQuery(window);
+
var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;
+
var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;
+
this.$control.css({left:controlx+"px",top:controly+"px"});
+
},togglecontrol:function(){
+
var scrolltop=jQuery(window).scrollTop();
+
if(!this.cssfixedsupport){
+
this.keepfixed();
+
}
+
this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false;
+
if(this.state.shouldvisible&&!this.state.isvisible){
+
this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);
+
this.state.isvisible=true;
+
}else{
+
if(this.state.shouldvisible==false&&this.state.isvisible){
+
this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);
+
this.state.isvisible=false;
+
}
+
}
+
},init:function(){
+
jQuery(document).ready(function($){
+
var mainobj=scrolltotop;
+
var iebrws=document.all;
+
mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;
+
mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$("html"):$("body")):$("html,body");
+
mainobj.$control=$('<div id="topcontrol" >'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:mainobj.controlattrs.offsety,right:mainobj.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"返回顶部"}).click(function(){mainobj.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()});}mainobj.togglecontrol();
+
$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false;});
+
$(window).bind("scroll resize",function(e){mainobj.togglecontrol();});
+
});
+
}
+
};
+
scrolltotop.init();
+
</script>
+
 
+
<!-- Bootstrap-->
+
 
+
<script src="https://2018.igem.org/Template:FJNU-China/Javascript/Bootstrap-min?action=raw&amp;ctype=text/javascript
+
"></script>
+
 
+
 
+
<!-- background-->
+
<script src="https://2018.igem.org/Template:FJNU-China/Javascript/gradientify?action=raw&amp;ctype=text/javascript
+
"></script>
+
<script type="text/javascript">
+
$(document).ready(function() {
+
$("body").gradientify({
+
gradients: [
+
{ start: [49,76,172], stop: [242,159,191] },
+
{ start: [255,103,69], stop: [240,154,241] },
+
{ start: [33,229,241], stop: [235,236,117] }
+
]
+
});
+
});
+
</script>
+
 
+
<!-- nav-->  
+
<script src="https://2018.igem.org/Template:FJNU-China/Javascript/nav?action=raw&amp;ctype=text/javascript"></script>
+
  
  
 +
 +
 +
        <script src="https://2018.igem.org/Template:SZU-China/JS/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap.bundle?action=raw&amp;ctype=text/javascript"></script>
 +
</body>
  
</body>
 
 
</html>
 
</html>

Revision as of 08:10, 1 October 2018