Team:USTC-Software/team.php

<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>USTC-Software | Welcome</title>

    <meta name="description" content="iGEM">
    <meta name="author" content="Taixing Lin">
    <meta name="copyright" content="USTC-Software, inc. Copyright (c) 2014">
 
    <link href="https://2014.igem.org/Team:USTC-Software/fixed-igemHead.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />

    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/reset.css?action=raw&ctype=text/css"> <!-- CSS reset -->
    
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/foundation.css?action=raw&ctype=text/css" />
   
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/main-new.css?action=raw&ctype=text/css" />
 
    <script src="https://2014.igem.org/Team:USTC-Software/modernizr.js?action=raw&ctype=text/javascript"></script>

<script src="https://2014.igem.org/Team:USTC-Software/jquery.js?action=raw&ctype=text/javascript"></script>
   
    <!--[if lt IE 9]>
    <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" />
    <![endif]-->

    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>
    <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script>
    <![endif]-->
    

</head>
  <body class="off-canvas hide-extras wiki" style="">

<nav class="top-bar" data-topbar role="navigation">
  <ul class="title-area">
    <li class="name" >
      <h1><a href="/Team:USTC-Software" style="font-family: 'Lobster', cursive;">USTC-Software</a></h1>
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"></a></li>
  </ul>
<!-- -------------------------------------->

  <section class="top-bar-section">
    <ul class="right">

      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/biopano.php" class="">BioPano</a>
        <ul class="dropdown">
            <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li>
            <li><a href="/Team:USTC-Software/biopano.php#motivation">Motivation</a></li>
            <li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li>
            <li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li>
            <li><a href="/Team:USTC-Software/biopano.php#why">Why choose BioPano?</a></li>
            <li><a href="/Team:USTC-Software/biopano.php#futurework">Future work</a></li>
        </ul>
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/develop.php" class="">Technology</a>
         <ul class="dropdown">
            <li><a href="/Team:USTC-Software/develop.php#front_end">Front End</a></li>
            <li><a href="/Team:USTC-Software/develop.php#back_end">Back End</a></li>
            <li><a href="/Team:USTC-Software/develop.php#alogrithm">Alogrithm</a></li>
        </ul>
      </li>
 <li class="divider"></li>
      <li>
        <a href="server.php" class="">Server</a>
      </li>

      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/requirements.php" class="">Requirements</a>
         <ul class="dropdown">
            <li><a href="/Team:USTC-Software/requirements.php#medals">Medals</a></li>
            <li><a href="/Team:USTC-Software/requirements.php#safety">Safety</a></li>
            <li><a href="/Team:USTC-Software/requirements.php#collaboration">Collaboration</a></li>
        </ul>
       
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/human_practice.php" class="">Human Practice</a>
        <ul class="dropdown">
            <li><a href="/Team:USTC-Software/human_practice.php#management">Management</a></li>
            <li><a href="/Team:USTC-Software/human_practice.php#hlx">Software & Platform We Used</a></li>
        </ul>
      </li>
      <li class="divider"></li>
     
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/team.php" class="">Team</a>
        <ul class="dropdown">
            <li><a href="/Team:USTC-Software/team.php#team_members">Team Members</a></li>
            <li><a href="/Team:USTC-Software/team.php#I_A">Instructors & Advisors</a></li>
            <li><a href="/Team:USTC-Software/team.php#Additional_thanks">Additional Thanks</a></li>
        </ul>
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="/Team:USTC-Software/acknowledge.php" class="">Acknowledge</a>
        <ul class="dropdown">
            <li><a href="/Team:USTC-Software/acknowledge.php#dbank">Deutsche Bank</a></li>
            <li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li>
            <li><a href="/Team:USTC-Software/acknowledge.php#utao">USTC Teaching Affair Office</a></li>
            <li><a href="/Team:USTC-Software/acknowledge.php#database">Database</a></li>
        </ul>
      </li>
      <ul>
  </section>

</nav>
<style type="text/css"> 

.profilewrap img{              
  cursor:pointer;
}

.nameplate a{
  text-align: center;   
  cursor:pointer;
  margin: 0 auto;
  color: #000;
}
.nameplate a:hover{
  color: #000;
}
.row .details {
  display: none;
}

#pop_up{
    display:none;
    z-index:999;
    position:relative;
}

#pop_up_underlay{
  height:100%;
  width:100%;
  background-color:black;
  position:fixed;
        left:0px;
  margin:0px;
        top:0px;
  opacity:0.8;
        text-align:center;
        cursor:pointer;
}

#pop_up_display {
height: 350px;
width: 620px;
background-color: white;
margin: 150px 340px 0px;
position: fixed;
padding: 5px;
top: 0;
}
#pop_up_content{
        height:100%;
        width:100%;
        overflow-y:auto;
        padding-left:7px;
}
#pop_up_content h2{
        font-family:"Times New Roman",sans-serif ;
        margin-top:5%;
        width:65%;
        float:right;

}
#pop_up_content img{
        padding-right:15px;
        height:250px;
}
#pop_up_content p{
        clear:right;
        font-size:100%;
}
#pop_up_close{
        position:absolute;
        z-index:9999;
        color:grey;
        font-family:Calibri;
        right: 1em;
       /* margin:-3px 5px 6px;*/
        cursor:pointer;
        font-size:25px;
}
  </style>
<div class="main-content">
     <div class="row large-12 columns large-centered">
        <p style="font-size:32px">Team</p>
        
      </div>
      <div class="row">
        <div class="large-12 columns large-centered">
      <h4 id="team_members">Team Members</h4>
      <div class="underline-small"></div>
     <ul class="large-block-grid-6 medium-block-grid-4 small-block-grid-2 text-center">
        
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/6/62/2014ustc-Xyc.jpg" alt="Xue Yuechuan">
              <div class ="nameplate"><a href="#">Xue Yuechuan</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/6/62/2014ustc-Xyc.jpg" alt="Xue Yuechuan"  align="left"><p>captain<br>junior from physical electronics major<br>team leader and art designer</p>
              </div>
         </li>

         <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/e/ee/2014ustc-Zss.jpg" alt="Zhao Shensen">
              <div class ="nameplate"><a href="#">Zhao Shensen</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/e/ee/2014ustc-Zss.jpg" alt="Zhao Shensen"  align="left"><p>vice captain<br>senior from physical electronics major<br>help team managing,join back end work</br>his words:Work which make idea true make me happy</p>
              </div>
         </li>
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/6/6e/2014ustc-Glz.jpg" alt="Gan Longzhi">
              <div class ="nameplate"><a href="#">Gan Longzhi</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/6/6e/2014ustc-Glz.jpg" alt="Gan Longzhi"  align="left"><p>team manager<br>sophomore from school of earth and space science<br>help team managing,web and document writing<br>his words:Try hard, have fun.</p>
              </div>
         </li>
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/6/6c/2014ustc-Ltx.jpg" alt="Lin Taixing">
              <div class ="nameplate"><a href="#">Lin Taixing</a></div>
              <div class = "details"><img style="width:200px" src="https://static.igem.org/mediawiki/2014/6/6c/2014ustc-Ltx.jpg" alt="Lin Taixing"  align="left"><p>member<br>junior from Atomic and molecular physics major<br>Responsible for web designing<br>his words:Dream what you want to dream; go where you want to go; be what you want to be, because you have only one life and one chance to do all the things you want to do. </p>
              </div>
         </li>
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/1/1e/2014ustc-Wws.jpg" alt="Wang Wenshuo">
              <div class ="nameplate"><a href="#">Wang Wenshuo</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/1/1e/2014ustc-Wws.jpg" alt="Wang Wenshuo"  align="left"><p>member<br>Junior of the Special Class for the Gifted Young, majoring in Statistics<br>tranlates and document writing<br>his words:There is no fate but what we make.</p>
              </div>
         </li>
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/d/d0/2014ustc-Zzy.jpg" alt="Zhang Zhiyuan">
              <div class ="nameplate"><a href="#">Zhang Zhiyuan</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/d/d0/2014ustc-Zzy.jpg" alt="Zhang Zhiyuan"  align="left"><p>member<br>Senior of Hua Loo-Keng Talent Program in Mathematics, majoring in fundamental mathematics<br>tranlates and document writing<br>his words:To see, to ask, to search, to believe.</p>
              </div>
         </li>
          
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/7/7d/2014ustc-Gyf.jpg" alt="Gao Yifan">
              <div class ="nameplate"><a href="#">Gao Yifan</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/7/7d/2014ustc-Gyf.jpg" alt="Yifan Gao"  align="left"><p>member<br>junior from optics major<br>Responsible for back end work<br>his words:Perfection is achieved not when there is nothing more to add, but rather when there is nothing more to take away.</p>
              </div>
         </li>
 		<li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/4/4b/2014ustc-Dcx.jpg" alt="Dong Chenxiao">
              <div class ="nameplate"><a href="#">Dong Chenxiao</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/4/4b/2014ustc-Dcx.jpg" alt="Dong Chenxiao"  align="left"><p>member<br>sophomore from school of physics science<br>data hunting and organizing,software design and document writing<br>his words:All the time, try retroting any idea from team.</p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/2/28/2014ustc-Jzy.jpg" alt="Haiyan Liu">
              <div class ="nameplate"><a href="#">Jin Zeyu</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/2/28/2014ustc-Jzy.jpg" alt="Haiyan Liu"  align="left"><p>member<br>sophomore from school of earth and space science<br>data hunting and organizing,software design and document writing<br>his words:Not most powerful, but highly responsible!</p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/9/97/2014ustc-Zl.jpg" alt="Haiyan Liu">
              <div class ="nameplate"><a href="#">Zhou Long</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/9/97/2014ustc-Zl.jpg" alt="Haiyan Liu"  align="left"><p>member<br>junior from Nuclear physics major<br>>Responsible for Front End work<br>his words:Simply Enjoy.</p>
              </div>
        </li>
        
         <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/a/a1/2014ustc-Hlx.jpg" alt="Han Luxin">
              <div class ="nameplate"><a href="#">Han Luxin</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/a/a1/2014ustc-Hlx.jpg" alt="Han Luxin"  align="left"><p>member<br>sophomore from school of computer science<br>Algorithm design and writing,web writing<br>his word:Where there is a will, there is a way.</p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/8/8d/2014ustc-Ycp.jpg" alt="Yu Chuanping">
              <div class ="nameplate"><a href="#">Yu Chuanping</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/8/8d/2014ustc-Ycp.jpg" alt="Yu Chuanping"  align="left"><p>member<br>senior from statistics major<br>translate<br>his words:Do one thing at a time, and do well.</p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/4/44/2014ustc-Zhy.jpg" alt="Zhang Huayu">
              <div class ="nameplate"><a href="#">Zhang Huayu</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/4/44/2014ustc-Zhy.jpg" alt="Zhang Huayu"  align="left"><p>member<br>sophomore from school of physics science<br>Front End work<br>his words:Be the best yourself, to be No.1. </p>
              </div>
        </li>
        
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/9/96/2014ustc-Fyc.jpg" alt="Haiyan Liu">
              <div class ="nameplate"><a href="#">Fei Yicheng</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/9/96/2014ustc-Fyc.jpg" alt="Haiyan Liu"  align="left"><p>member<br>sophomore from school of physics science<br>back end work<br>his words:Be the best yourself, to be No.1. </p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/b/bc/2014ustc-Ctl.jpg" alt="Chen Tianlong">
              <div class ="nameplate"><a href="#">Chen Tianlong</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/b/bc/2014ustc-Ctl.jpg" alt="Chen Tianlong"  align="left"><p>member<br>sophomore from school of matnematics<br>web design<br>his words:Be the best yourself, to be No.1. </p>
              </div>
        </li>
        
        <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/e/e8/Clf.jpg" alt="Chen Lingfan">
              <div class ="nameplate"><a href="#">Chen Lingfan</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/e/e8/Clf.jpg" alt="Chen Lingfan"  align="left"><p>member<br>junior from computational mathematics major<br>algorithm design<br>his words:Be the best yourself, to be No.1. </p>
              </div>
        </li>
        
 </ul>
 <h4 id="I_A">Instructors & Advisors</h4>
      <div class="underline-small"></div>


      <div>
    <ul class="large-block-grid-6 medium-block-grid-4 small-block-grid-2 text-center">
          <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/d/de/2014ustc-G.png" alt="Haiyan Liu">
              <div class ="nameplate"><a href="#">Haiyan Liu</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/d/de/2014ustc-G.png" alt="Haiyan Liu" >
            <p><b>Email:</b>hyliu@ustc.edu.cn</p>
            <p><b>Brief Intro:</b>Haiyan Liu was born in Sichuan Province, China. He received his BS degree in Biology in 1990 and PhD degree in Biochemistry and Molecular Biology in 1996, both from USTC. Between 1993 and 1995 he was a visiting graduate student in Laboratory of Physical Chemistry of ETH, Zurich (Switzerland). From 1998 to 2000 he was post-doctoral research associate at Department of Chemistry, Duke University (USA) and Department of Biochemistry and Biophysics UNC-Chapel Hill (USA). Since 2001, he has been a professor of computational biology at School of Life Sciences, USTC.</p>
              </div>
        </li>


             <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/a/af/2014ustc-H.png" alt="Zhi Liang">
              <div class ="nameplate"><a href="#">Zhi Liang</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/a/af/2014ustc-H.png" alt="Zhi Liang" >
            <p><b>Email:</b>liangzhi@ustc.edu.cn</p>
            <p><b>Brief Intro:</b>Liang Zhi, Ph.D., Associate Professor Extraordinary . 2000 graduated from the school of Life Sciences in the University of Science and Technology of China, received bachelor's degree in biology and electronics and information engineering dual degree. 2006 graduated from the school of Life Sciences in the University of Science and Technology of China protein crystallography laboratory , PhD. From 2007 to 2012 in the school of Life Sciences in the University of Science and Technology of China Systems Biology Laboratory in systems biology postdoctoral research. Postdoctoral period has won China Postdoctoral Science Foundation funded second and Natural Science Foundation funding. 2012 University of Science and Technology of China Extraordinary Life Sciences Research Associate . Research results published on Nucleic Acids Res, Bioinformatics, Bioinformatics, J Biol Chem.</p>
              </div>
        </li>

           <li class ="profilewrap">
               <img src="https://static.igem.org/mediawiki/2014/9/93/2014ustc-I.png">
              <div class ="nameplate"><a href="#">Jiong Hong</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/9/93/2014ustc-I.png" alt="Jiong Hong" >
              <p>Professor, School of Life Sciences University of Science & Technology of China</p>
              <p>
                <b>Email:</b> hjiong@ustc.edu.cn<br /><br />
                <b>Brief Intro:</b>Jiong Hong was born in Anhui Province, China. He received his BS degree in 1993 from Anhui Normal University, MSc degree in 1996 from Beijing Normal University, and Ph.D degree in 2003 from Kyoto University, all in Life Sciences. From 2006 to 2008, he did post-doctoral research in Virginia Tech University, USA. Since 2008, he has been introduced to the USTC as talented.
              </p>
              </div>
        </li>


       <li class ="profilewrap">
              <img src="https://static.igem.org/mediawiki/2014/9/92/2014ustc-J.png" alt="Fan Jin">
              <div class ="nameplate"><a href="#">Fan Jin</a></div>
              <div class = "details"><img  src="https://static.igem.org/mediawiki/2014/9/92/2014ustc-J.png" alt="Fan Jin" >

 <br /><br />
<p>1997.07-2002.07 B.S., Student, Department of Applied Chemistry, University of Science & Technology of China, P. R. China.
Degree awarded: B.S. in chemistry, 07/2002</p>
 
<p>2003.08-2007.06 Ph.D. Candidate, Department of Chemistry, The Chinese University of Hong Kong.
Degree awarded: Ph.D in chemistry, 06/2007</p>
                                                                                                        
<p>2002.07-2003.07 R.A.,  The Hefei National Laboratory of Physical Science at Microscale, Department of Chemical Physics, University of Science & Technology of China, P. R. China.</p>
 
<p>2007.06-2009.01 Postdoctoral Associate,  Department of Chemistry, The Chinese University of Hong Kong.</p>
 
<p>2009.01-2009.11 Postdoctoral Associate,   Department of Materials Science and Engineering, University of Illinois at Urbana Champaign.</p>
 
<p>2009.11-2011.8 Postdoctoral Associate,  Department of  Bioengineering, California Nanosystems Institute, University of California, Los Angeles. </p>
 
<p>2011.8-present Professor,  Department of Polymer Materials Science and Engineering, University of Science and Technology of China,  CAS Key Lab of Soft Matter Chemistry. </p>
 
<h4>Research Interests</h4>
 <p>Polyelectrolyte and colloidal particles in the oil-water interface. </p>
<p>Interaction between Antibiotic peptides and lipids membrane. </p>
<p>Living cell image and living cell micro-manipulation.</p>
<p>Biological macromolecules, characterization of supramolecular assembly and its applications in drug delivery and gene transfection. </p>
<p>Bacterial communities. (Ex: signaling, motility, social organization in biofilms)</p>



              </div>
        </li>
        </ul>

      </div>


      <h4 id="Additional_thanks">Additional Thanks</h4>
      <div class="underline-small">
        
      </div>
      <div style="line-height:200%">
       <li>
       Thanks for financial assistance from Deutsche Bank, USTCIF and USTC Teaching Affair Office. Only with their help could we finish the competition;
       </li>
         <li>
        Thank data from RegulonDB, KEGG, Uniprot and NCBI. Only with their data and apis could we refine our database; 
        </li>
         <li>
        Thank project guidance from Haiyan Liu, Zhi Liang, Fan Jin and Jiong Hong. Only with their guidance could our project be improved and deepened; 
         </li>
         <li>
        Thank Chen Liao for participating in the use, evaluation and popularization of Biopano.He pointed out many deficiencies and bugs of our software.
        </li>
       </div>
     </div>
    </div>
<div id="pop_up">
        <div id="pop_up_underlay">&nbsp;</div>
        <div id="pop_up_display">
            <div id="pop_up_close">x</div>
            <div id="pop_up_content">&nbsp;</div>
        </div>
</div>
<div id="last-info" class="hide-for-small">
  <div class="row fullWidth">
    <div class="large-3 medium-3 columns " style="margin-top:5em">
      <img src="https://static.igem.org/mediawiki/2014/7/78/2014ustc-software2.png">
    </div>
    <div class="large-6 medium-6 columns" style="color:#fff">
      <h5 style="color:#fff;font-weight:bold;margin-bottom: 25px;">Innovation Experiment Centre of Life Science (IEC)</h5>
      <p>Building of Life Sciences, Room 363</p>
      <p>University of Science and Technology of China</p>
      <p>96, Jinzhai Rd, Shushan, Hefei</p>
      <p>230026, Anhui, China</p>
      <p>ustc-software-2014@googlegroups.com </p>
    </div>
   <div class="large-3 medium-3 columns " style="margin-top:5em">
      
      <a href="https://www.db.com" target="_blank"><img src="https://static.igem.org/mediawiki/2014/c/c0/2014ustc-Dbank.png" style="margin-top:2em"></a>
    </div>

  
  </div>
</div>

<div class="ltx-footer-bottom">
<div class="row" >
  <div class="medium-4 medium-4 push-9 columns">
    <ul class="home-social">
    <li><a href="http://www.twitter.com/USTC_Software" class="twitter"></a></li>
    <li><a href="http://www.facebook.com/USTCSoftware" class="facebook"></a></li>
    <li><a href="#contactus" class="mail"></a></li>
    </ul>
  </div>
  <div class="medium-8 medium-8 pull-5 columns">
    <a href="http://en.ustc.edu.cn"><h4 style="color:antiquewhite">University of Science and Technology of China</h4></a>
    <p class="copyright">© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.</p>
  </div>
</div>
</div>
     
<script>
$(function(){
    $('.row .nameplate').click(function(){
        var description = $(this).parent().find('.details').html();
    var titleText = $(this).text();//text();
    $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description);
        $('#pop_up').fadeIn();
      $(document.body).css("overflow","hidden");//禁止body 滚动条
        $("html").css("overflow","hidden");
        return false;
    });
    $('.row .profilewrap').click(function(){
        var description = $(this).find('.details').html();
    var titleText = $(this).find('.nameplate').text();//text();
    $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description);
        $('#pop_up').fadeIn();
        $(document.body).css("overflow","hidden");//禁止body 滚动条
        $("html").css("overflow","hidden");
        return false;
    });    
    $('#pop_up #pop_up_close').click(function(){
        $('#pop_up').fadeOut();
        $(document.body).css("overflow","auto");
        $("html").css("overflow","auto");
    });
    $('#pop_up #pop_up_underlay').click(function(){
        $('#pop_up').fadeOut();
        $(document.body).css("overflow","auto");
        $("html").css("overflow","auto");
    });
});
</script>
      <script src="https://2014.igem.org/Team:USTC-Software/main.js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery -->
     
    <script src="https://2014.igem.org/Team:USTC-Software/foundation.min.js?action=raw&ctype=text/javascript"></script>
    <script>
      $(document).foundation();
    </script>
    <style type="text/css">
#totop_item {
display: none;
width: 60px;
height: 100px;
position: fixed;
right: 2px;
bottom: 10px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100000000;
}

#totop {
display: block;
width: 60px;
height: 50px;
background: url(https://static.igem.org/mediawiki/2014/3/31/2014ustc-Totop.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px;
}

</style>
<div id="totop_item" class=""> 
  <a id="totop" onclick="return false;" title="回到顶部"></a> 
</div>
    <script type="text/javascript">
function goTop()
{
    $(window).scroll(function(e) {
        if($(window).scrollTop()>300)
            $("#totop_item").fadeIn(1000);
        else
          $("#totop_item").fadeOut(1000);
    });
};
$(function(){
    $("#totop").click(function(e) {
            $('body,html').animate({scrollTop:0},1000);
    });
    goTop();
});
</script>

    
  </body>
</html>