Difference between revisions of "Team:TJUSLS China"

Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
#content{width:100%;padding:0px;margin:0px;}
+
    #content{width:100%;padding:0px;margin:0px;}
#sideMenu, #top_title
+
    #sideMenu, #top_title
        {
+
    {
            display: none;
+
        display: none;
        }
+
    }
body{font: 16px sans-serif;}
+
    body{font: 16px sans-serif;}
.footer_bg .footer {
+
    .footer_bg .footer {
padding: 0;
+
        padding: 0;
border-top: 6px solid #222222;
+
        border-top: 6px solid #222222;
}
+
    }
.footer_bg .footer_btm {
+
    .footer_bg .footer_btm {
margin-top: 0;
+
        margin-top: 0;
border-top: none;
+
        border-top: none;
padding: 2% 4%;
+
        padding: 2% 4%;
padding-top: 2%;
+
        padding-top: 2%;
max-width: 1458px;
+
        max-width: 1458px;
margin: 0 auto;
+
        margin: 0 auto;
}
+
    }
#banner #scroll {margin:0;}
+
    #banner #scroll {margin:0;}
#zz-content .software p {
+
    #zz-content .software p {
    color: #222222;
+
        color: #222222;
    font-size: 24px;
+
        font-size: 24px;
}
+
    }
#zz-content .number {line-height: 1.5em;}
+
    #zz-content .number {line-height: 1.5em;}
 
</style>
 
</style>
  
Line 50: Line 50:
 
<!--menu-->
 
<!--menu-->
 
<div class="header-box">
 
<div class="header-box">
<div class="header">
+
    <div class="header">
<!-- start h_menu4 -->
+
        <!-- start h_menu4 -->
<div class="h_menu4">
+
        <div class="h_menu4">
<a class="toggleMenu" href="">Menu</a>
+
            <a class="toggleMenu" href="">Menu</a>
<ul id="top_ul_my" class="nav">
+
            <ul id="top_ul_my" class="nav">
<script>
+
                <script>
function getHover(number){
+
                    function getHover(number){
var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
 
// console.log(top_ul_my_lis);
 
// console.log(top_ul_my_lis);
if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
+
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
else top_ul_my_lis[0].setAttribute("class", "active");
+
                        else top_ul_my_lis[0].setAttribute("class", "active");
  
for(var i = 1; i < top_ul_my_lis.length; i++){
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
if(i == number) {
+
                            if(i == number) {
top_ul_my_lis[i].setAttribute("class", "hover");
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
}else{
+
                            }else{
top_ul_my_lis[i].setAttribute("class", "");
+
                                top_ul_my_lis[i].setAttribute("class", "");
}
+
                            }
}
+
                        }
}
+
                    }
  
$(".header").hover(function(event){
+
                    $(".header").hover(function(event){
event.stopPropagation();
+
                        event.stopPropagation();
$('#top_ul_my li').attr("class","");
+
                        $('#top_ul_my li').attr("class","");
});
+
                    });
  
</script>
+
                </script>
<li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
+
                <li class="active" onmouseover="getHover(0)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
<li onmouseover="getHover(1)" class=""><a href="" class="root">project</a>
+
                <li onmouseover="getHover(1)" class=""><a href="" class="root">project</a>
<ul>
+
                    <ul>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
  
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">results</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">results</a></li>
</ul>
+
                    </ul>
</li>
+
                </li>
<li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
+
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
<ul>
+
                    <ul>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
  
</ul>
+
                    </ul>
</li>
+
                </li>
<li onmouseover="getHover(3)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
+
                <li onmouseover="getHover(3)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
<li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
+
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
  
</li>
+
                </li>
  
<li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
+
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
<ul>
+
                    <ul>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
</ul>
+
                    </ul>
</li>
+
                </li>
<li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
+
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
<ul>
+
                    <ul>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
</ul>
+
                    </ul>
</li>
+
                </li>
<li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
+
                <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
  
<ul>
+
                    <ul>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
</ul>
+
                    </ul>
</li>
+
                </li>
</ul>
+
            </ul>
<!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
+
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
</div>
+
        </div>
<!-- end h_menu4 -->
+
        <!-- end h_menu4 -->
<div class="clear"></div>
+
        <div class="clear"></div>
</div>
+
    </div>
 
</div>
 
</div>
 
<!--banner-->
 
<!--banner-->
 
<div class="banner-bg">
 
<div class="banner-bg">
 
     <div class="banner" id="banner">
 
     <div class="banner" id="banner">
<div class="lii"></div>
+
        <div class="lii"></div>
<ul class="bannerimg banner-scroll" id="scroll">
+
        <ul class="bannerimg banner-scroll" id="scroll">
<li class="active"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"/></li>
+
            <li class="active"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"/></li>
<li><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"/></li>
<li><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"/></li>
<li><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"/></li>
<li><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"/></li>
+
            <li><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"/></li>
</ul>
+
        </ul>
<div class="banner-dot-box">
+
        <div class="banner-dot-box">
<ul class="dot" id="dot">
+
            <ul class="dot" id="dot">
<li class="active">1</li>
+
                <li class="active">1</li>
<li>2</li>
+
                <li>2</li>
<li>3</li>
+
                <li>3</li>
<li>4</li>
+
                <li>4</li>
<li>5</li>
+
                <li>5</li>
</ul>
+
            </ul>
</div>
+
        </div>
<div id="jiao">
+
        <div id="jiao">
<a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
+
            <a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
<a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
+
            <a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
</div>
+
        </div>
 
     </div>
 
     </div>
<!--<div class="banner" id="banner">
+
    <!--<div class="banner" id="banner">
  
<div class="lii"></div>
+
        <div class="lii"></div>
<div class="bannerimg banner-scroll" id="scroll" style="margin: 0 auto;">
+
        <div class="bannerimg banner-scroll" id="scroll" style="margin: 0 auto;">
<a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d9/T--TJUSLS_China--banner1.jpg"></a>
<a href="#"><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/0/08/T--TJUSLS_China--banner2.jpg"></a>
<a href="#"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--banner3.jpg"></a>
<a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/T--TJUSLS_China--banner4.jpg"></a>
<a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--banner5.jpg"></a>
</div>
+
        </div>
<div class="banner-dot-box">
+
        <div class="banner-dot-box">
<ul class="dot" id="dot">
+
            <ul class="dot" id="dot">
<li class="active">1</li>
+
                <li class="active">1</li>
<li>2</li>
+
                <li>2</li>
<li>3</li>
+
                <li>3</li>
<li>4</li>
+
                <li>4</li>
<li>5</li>
+
                <li>5</li>
<div style="clear: both"></div>
+
                <div style="clear: both"></div>
</ul>
+
            </ul>
</div>
+
        </div>
<div id="jiao">
+
        <div id="jiao">
<a href="#" id="left"><div class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></div></a>
+
            <a href="#" id="left"><div class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></div></a>
<a href="#" id="right"><div class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></div></a>
+
            <a href="#" id="right"><div class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></div></a>
</div>
+
        </div>
</div>-->
+
    </div>-->
 
</div>
 
</div>
  
Line 196: Line 196:
 
         <div class="more">
 
         <div class="more">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
             <a href="#">Read more ></a>
+
             <a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Read more ></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 205: Line 205:
 
             <div class="more">
 
             <div class="more">
 
                 <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
                 <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
                 <a href="#">Read more ></a>
+
                 <a href="https://2016.igem.org/Team:TJUSLS_China/Software">Read more ></a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 241: Line 241:
 
         <div class="more">
 
         <div class="more">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b8/T--TJUSLS_China--more.png"/>
             <a href="#">Read more ></a>
+
             <a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">Read more ></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Revision as of 06:19, 19 October 2016

Menu

Proof of Concept

Software

Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.

Human Practice

0.1
Lmage name
Osat isati satisat isatisa tisatisa tis
0.2
Lmage name
Osat is atis atisa tisa tisatisat isat is
0.3
Lmage name
Osati satisa tisat isati satisa tis atis

Team