View source for Team:Tianjin/team mumbers

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内页</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/222?
action=raw&ctype=text/javascript"></script>
   <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSSinside?action=raw&amp;ctype=text/css" type="text/css">
<style type="text/css">
body{
	background-attachment: fixed;
	background-image: url(https://static.igem.org/mediawiki/2015/d/dd/Home_inside_9.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	overflow: hidden;
	background-size: 100% 100%;
}
#content-in-nr{
	width: 100%;
	padding-left: 0px;
	float: left;
	height: initial;
	margin-bottom: 0px;
	display: none;
}
.content-in div{
	width: 100% !important;
}
#content-in-in{
	width: 25%;
	padding-left: 0px;
	float: left;
	height: initial;
	margin-bottom: 0px;
}
#content-in{
	padding-left: 0px;
}
.p{
	width: 100%;
}

.main-page .left .nav .navContent {
	display: none;
	color: #fff;
	height: auto;
	font-family: kalinga;
}
.main-page .left .nav .navContent li a {
	display: block;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
	font-family: kalinga;
}
.main-page .left .nav .navContent li a:hover {
	display: block;
	color: #181126;
	background-color: rgba(255,255,255,0.7);
}
.clear{clear:both;}
.main-page{
	width: 100%;
	height: 648px;
	clip: rect(auto,auto,auto,auto);
	margin: 30px auto;
	text-align: center;
	right: auto;
}
.main-page .left {
	position: relative;
	height: 648px;
	width: 200px;
	clip: rect(auto,auto,auto,auto);
	margin: auto;
	font-family: kalinga;
}
.main-page .nav-back{
	width: 200px;
	height: 648px;
	opacity: .7;
	filter: alpha(opacity=30);
	background-color: #181126;
	right: 0px;
	margin-right: 100px;
	font-family: kalinga;
}
.main-page .nav{
	position: relative;
	margin-top: -648px;
	width: 200px;
	text-align: center;
	font-size: 16px;
	font-family: kalinga;
	color: #FFF;
	height: 58px;
	float: left;
}
.main-page .nav div{
	height: 58px;
	line-height: 58px;
	cursor: pointer;
	font-family: kalinga;
}
.main-page .nav div:hover{
	filter: alpha(opacity=30);
	opacity: 0.7;
	background-color: rgba(255,255,255,0.7);
	color: #181126;
	font-family: kalinga;
}
.main-page .nav div.on{
	filter: alpha(opacity=10);
	opacity: 0.9;
	font-family: kalinga;
}
.main-page .right{
	width: 1200px;
	height: 648px;
	position: relative;
	clip: rect(0px,0px,0px,0px);
	margin: auto;
	left: -100px;
	float: left;
}
.main-page .content-back{
	width: 1200px;
	height: 648px;
	background: #fff;
	opacity: .3;
}
.main-page .content{
	position: relative;
	width: 1160px;
	height: 604.8px;
	margin-top: -634.8px;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
	left: 13px;
	background-attachment: scroll;
	background-image: url(
../../../Documents/Tencent%20Files/634428548/FileRecv/background(1).png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(255,255,255,0.7);
}
.main-page .content div{
	width: 1150px;
	height: 610px;
	margin-bottom: 10px;
	font-family: kalinga;
	font-size: 22px;
	padding-left: 20px;
	color: #000;
	overflow: auto;
	z-index: 999;
	line-height: 24px;
}
.main-page .nav .on {
	font-size: 16px;
	font-family: Calibri;
	color: #181126;
	background-color: rgb(255, 255, 255);
}
#glideDiv0
{
	position: absolute;
	left: 100;
	width: 1150px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	color: #000;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	text-decoration: none；
}
.d{
	opacity:0.7;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a {
	font-family: Calibri;
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
.main-page .right .content div p strong {
	font-size: 24px;
}
#div a{
	display:block;
	}
#div div{
	display:none;
	}
</style>
</head>

 <body style="overflow-x: hidden;overflow-y: auto">


 <div class="nbv">
        <div class="nbvmain">
            <ul id="nbv_all">
                <li class="current" id="b1"><a href="">HOME</a>
                    
                </li>
                <li id="b2"><a class="note"   href="">PROJECT</a>
                    <ul id="a1" style="display: none;">
                        <li style="width:0;"></li>
                        <li><a href="">DESCRIPTION</a></li>
                        <li><a href="">RESULTS</a></li>
                        <li><a href="">DESIGN</a></li>
                        <li><a href="">PROTOCOLS</a></li>
                       
                    </ul>
                </li>
                <li id="b3"><a href="">PARTS</a>
                    <ul id="a2" style="display: none;">
                        <li style="width: 0"></li>
                        <li><a href="">TEAM PARTS</a></li>
                        <li><a href="">BASIC PARTS</a></li>
                        <li><a href="">COMPOSITE PARTS</a></li>                    </ul>
                </li>
                <li id="b4"><a href="">MODELING</a>
                    <ul id="a3" style="display: none;">
                        <li style="width: 0"></li>
                        <li><a href="">OVERVIEW</a></li>
                        <li><a href="">1</a></li>
                        <li><a href="">2</a></li>
                        <li><a href="">3</a></li>                    </ul>
                </li>
                <li id="b5"><a href="">COLLABORATIONS</a>
                    
                        
                </li>
                <li id="b6"><a href="">SAFETY</a>
                    <ul style="display: none;">
                        <li style="width: 325px;"></li>
                        
                    </ul>
                </li>
                <li id="b7"><a href="">HUMAN PRACTICE</a>
                    <ul id="a4" style="display: none;">
                        <li style="width: 0;"></li>
                        <li><a href="">1</a></li>
                        <li><a href="">2</a></li>
                        <li><a href="">3</a></li>
                       
                    </ul>
                </li>
                <li id="b8"><a href="">NOTEBOOK</a>
                    <ul id="a5" style="display: none;">
                        <li style="width:0;"></li>
                        <li><a href="">MEETINGMINUTES </a></li>
                        <li><a href="">CALENDAR</a></li>
                    </ul>
                </li>
                <li id="b9"><a href="">TEAM</a>
                    <ul id="a6" style="display: none;">
                        <li style="width: 0px;"></li>
                       <li><a href="">ABOUT THE TEAM</a></li>
                        <li><a href="">MEMBERS</a></li>
                        <li><a href="">ATTRIBUTIONS</a></li>
                         <li><a href="">ACKNOWLEDGEMENTS</a></li>
                        <li><a href="">SPONSORS</a></li>
                    </ul>
                </li>
                
            </ul>
        </div>
    </div>

<div class="main-page">

  <div class="right" id="right1">
	<div class="content-back" id="content-back1"></div>
    <div class="content" id="content1">
	    <div id="content-in">
<p style="margin-top: 0px; margin-bottom: 16px; margin-left: 9px; text-align: left; line-height: 1.5em;">
    <span style="font-size: 19px; font-family: arial,helvetica,sans-serif;">As the first modern university in China, Tianjin University has a history of 120 years. However, our School of Life Sciences is very young and fresh, which was founded in 2012. Though our college is so young, we have made many achievements owing to the great supports given by our university and the hard work of our professors and graduates.</span>
</p>
<p style="margin-top: 0px; margin-bottom: 16px; margin-left: 9px; text-align: left; line-height: 1.5em;">
    <span style="font-size: 19px; font-family: arial,helvetica,sans-serif;">This year is the first year when our school took part in the iGEM competition. The recruitment included all undergraduates in our university. After resume screening, audition and a tough winter vacation work which required candidates to submit a complete project design with protocols, 22 students were chosen as the members of team Tianjin 2015. </span>
</p>
<p style="margin-top: 0px; margin-bottom: 16px; margin-left: 9px; text-align: left; line-height: 1.5em;">
    <span style="font-size: 19px; font-family: arial,helvetica,sans-serif;">Our team consists of students majoring in life sciences, chemical/pharmaceutical/biological engineering, computer science, and even electric engineering. In particular, Yifan Zhang in computer science is from Zhejiang Sci-tech University. We are divided into four groups which are responsible for wet lab, wiki&amp;design, modeling and human practice.</span>
</p>
<p style="margin-top: 0px; margin-bottom: 16px; margin-left: 9px; text-align: left; line-height: 1.5em;">
    <span style="font-size: 19px; font-family: arial,helvetica,sans-serif;">In our iGEM journey, our instructors always give us great help, and many graduates shared their experience with us. Since all of us are green hands in biological research, a small step for our project could be a gaint leap for ourselves. No matter what the result is, we have spent a happy and fulfilling time all together.</span>
</p>		</div>
	    <div id="content-in">       	
        <div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/3/37/Tianjin_zi.png"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/50/Tianjin_bai.png"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/b/b0/Tianjin_skt.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/55/Tianjin_bdq.jpg"></div>
		<div id="content-in-nr" class="d2"></div>
                <div id="content-in-nr" class="d2"></div>
		<div id="content-in-nr" class="d2"><p>It is the second time for <strong>Ketong</strong> to take part in iGEM. And this year not many people would play jokes on him because he has become the team leader and usually shows his straight face. He doesn't like pretty loli anymore, but he still loves female. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Dongqi</strong> is another leader in our team. She is lazy in body but hardworking in mind. Larry in the book The Razor's Edge is her idol. </p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/d/dd/Tianjin_ljs.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/f/f9/Tianjin_wy.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_wcm.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/57/Tianjin_ch.jpg"></div>
		<div id="content-in-nr" class="d2"><p><strong>Jiashu</strong> is a gentle nice girl, and everyone is impressed with her warm smile. Meanwhile, she is often called Boss by Junjie Yu because she could conduct biological experiments perfectly.</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Yang</strong> is a junior student majoring in Biology. He would show great earnest and passion when he is doing experiments. And he could do management very well. </p></div>
		<div id="content-in-nr" class="d2"><p>When <strong>Chenmao</strong> joined our team, he was just a freshman, but he had got unique insights about GMO. Although his major is EE, he is no worse than us in doing biological research. Science fiction is always his dish. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Heng</strong> is an enthusiastic boy who comes from a beautiful coastal city. His favorite sport is badminton, and our instructor Yang often plays it with him. He believes life is movement.</p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/59/Tianjin_zjz.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/4/47/Tianjin_zyw.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/7/75/Tianjin_hx.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/c/c8/Tianjin_lyc.jpg"></div>
		<div id="content-in-nr" class="d2"><p><strong>Junjie Zong</strong> is a humorous and lively boy, crazy about sports and Japanese comics. He says he has an inexplicable crush on biological lab…(Do you?)</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Yuwei</strong> has a very active and open characteristic, sometimes like a boy. However, when she does experiments, she could show great patience and  carefulness. She loves others' praise, so everybody follow me and speak aloud- You are the apple of my eye.</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Xuan</strong> is the only person praised by Shoujie as handsome. He is very keen on basketball and almost his every WeChat' moment is about it. In our team, he is Ketong's good partner in molecular cloning. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Yuchen</strong> describes himself as a talker, however, in our mind he is a singer, though I never get a chance to appreciate his singing. He is in charge of molecular cloning, at the same time he studies English hard every day. 
2</p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/e/ef/Tianjin_hbw.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/0/04/Tianjin_yjj.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/8/88/Tianjin_whf.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/a/a9/Tianjin_hjx.jpg"></div>
		<div id="content-in-nr" class="d2"><p><strong>Bowen</strong> is a graceful girl who is admired by us for her fluent and native English. In her spare time, she loves watching movies and reading books. Christopher Nolan and Scientific American are her favorites.</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Junjie Yu</strong> is a junior student majoring in Chemical Engineering. He said why he joined us was that Ketong let him consider biological experiments interesting. Now he is in charge of the project of plastic degradation and could do molecular cloning very well.</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Haofeng</strong> would love to talk with people, creating fun of  dreary experiments. He loves racing with others on agarose gel electrophoresis experiments. In daily life, his hobby is basketball. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Jinxin</strong> once said his life was forever about  losing something, looking for it and waiting for others to send it back. He is in charge of molecular cloning now, and he just lost some base pairs as sequencing showed…</p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/b/b1/Tianjin_zq.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/6/62/Tianjin_lsb.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/9/93/Tianjin_pyg.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/a/ad/Tianjin_dxm.jpg"></div>
		<div id="content-in-nr" class="d2"><p>As the only person who can paint and design, <strong>Qing</strong> is our team's treasure without doubt. Besides drawing, she is addicted to Japanese comic and games. Meanwhile, she is  Lionel Andrés Messi's great fan. </p></div>
		<div id="content-in-nr" class="d2"><p>Programmers should always be respected, so as <strong>Shubin</strong> for our wiki. He could analyze web pages and photos with particular professional insights. By the way, Tianjin's hot summer really drives him crazy. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Yige</strong> is a senior girl who is always curious about the unexplored world and enjoys life very much . She loves climbing mountain and diving, which make her close to nature. By the way, she is really addicted to Sichuan cuisine, Taiwan snacks and pizza. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Xuemei</strong> has very infectious laughters and always brings sunshine to others. She loves jogging and watching variety shows. She is in charge of human practices and the project about protein chip.</p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/7/70/Tianjin_yxy.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/d/d1/Tianjin_wh.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/53/Tianjin_czx.jpg"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/59/Tianjin_zyf.jpg"></div>
		<div id="content-in-nr" class="d2"><p><strong>Xiangyu</strong>  is a lovely sophomore boy who brings laughters to our daily work with his own humor. He takes charge of modeling on enzymatic dynamics of cutinases in our team. And he will show his fluent English in Jamboree presentation.</p></div>
		<div id="content-in-nr" class="d2"><p>There is a sentence on <strong>Hua</strong>'s desktop-keep calm and love mathematics. Naturally she is a member of our modeling group, and she is thought to be their boss. Her major is chemical engineering, but she dreams to study applied math in the future. Best wishes to her!</p></div>
		<div id="content-in-nr" class="d2"><p><strong>Zexiang</strong> is a senior student majoring in Biological Engineering. He is crazy about genetic engineering, playing basketball and ping-pong. He takes charge of modeling on assembly of hydrophobins and enjoys it very much. </p></div>
		<div id="content-in-nr" class="d2"><p><strong>Yifan</strong> maybe our most mysterious member because nobody has seen him except Ketong. He devotes to our wiki's programming, which is his  hobby. Hoping he will show his talent here! </p></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/3/37/Tianjin_zi.png"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/50/Tianjin_bai.png"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/3/37/Tianjin_zi.png"></div>
       	<div id="content-in-in" class="d"><img class="p" src="https://static.igem.org/mediawiki/2015/5/50/Tianjin_bai.png"></div>
       	<div id="content-in-nr" class="d2"></div>
		<div id="content-in-nr" class="d2"></div>
		<div id="content-in-nr" class="d2"></div>
		<div id="content-in-nr" class="d2"></div>

</div>
	    <div>3</div>
	    <div>4</div>
		  <div>5</div>
  </div>
  </div>
	  <div class="left" id="left1">
	  <div class="nav-back"></div>
	  <div class="nav">
		<div id="div1" class="on"><img id="fximg1" src="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"></div>
            <ul class="navContent" id="nC1">
            <li> <a href="#">111</a></li>
            <li> <a href="#">222</a></li>
            <li> <a href="#">333</a></li>
            </ul>
        
		<div id="div2"><img id="fximg2" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
		<ul class="navContent" id="nC2">
            <li> <a href="#">111</a></li>
            <li> <a href="#">222</a></li>
            <li> <a href="#">333</a></li>
            </ul>
		<div id="div3"><img id="fximg3" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
		<ul class="navContent" id="nC3">
            <li> <a href="#">111</a></li>
            <li> <a href="#">222</a></li>
            <li> <a href="#">333</a></li>
            </ul>
		<div id="div4"><img id="fximg4" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
		<div id="div5"><img id="fximg5" src="https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png"></div>
        <ul class="navContent" id="nC5">
            <li> <a href="#">111</a></li>
            <li> <a href="#">222</a></li>
            <li> <a href="#">333</a></li>
            </ul>
	  </div>
  </div>
</div>

	<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-min?
action=raw&ctype=text/javascript"></script>
<script type="text/javascript">
$(".main-page .nav div")
.click(function () {
	var $this = $(this);
	var index = $this.index('.main-page .nav div');
	var l = -(index * 620.2);
	$(".main-page .nav div").removeClass("on");
	$(".main-page .nav div").eq(index).addClass("on");
	$(".main-page .content div:eq(0)").stop().animate({ "margin-top": l }, 500);
});


$(".d").click(function(){
	var $this = $(this);
	var index = $this.index('div #content-in-in');
	$(".d").eq(index).siblings(".d").css("opacity",0.7);
	if($(".d").eq(index).css("opacity")<0.8)
	$(".d").eq(index).css("opacity",1);
	else if($(".d").eq(index).css("opacity")>0.8)
	$(".d").eq(index).css("opacity",0.7);
		$(".d2").eq(index).siblings(".d2").slideUp("20");
		$(".d2").eq(index).slideToggle("slow");
});
</script>


</script>
	<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/hide_menu?
action=raw&ctype=text/javascript"></script>
<script type="text/javascript">

function mou(di,src1,src2,src3,src4,ig,nc){
$(di).mouseover(function(){
				

			if($(ig)[0].src==src1){
 				$(ig).attr("src",src4);
 			}
			else if($(ig)[0].src==src2){
 				$(ig).attr("src",src3);
 			}
	})	
$(di).mouseout(function(){
			if($(di).hasClass('on')){
				if($(ig)[0].src==src1){
 					$(ig).attr("src",src4);
 				}
				else if($(ig)[0].src==src2){
 					$(ig).attr("src",src3);
 				}
			}
			else{
				if($(ig)[0].src==src4){
	 				$(ig).attr("src",src1);
				}
				 else if($(ig)[0].src==src3){
	 				$(ig).attr("src",src2);
				 }
			}

	})	
$(di).mousedown(function(){
			if($(di).hasClass('on')){
				if($(ig)[0].src==src4){
 					$(ig).attr("src",src3);
 				}
				else if($(ig)[0].src==src3){
 					$(ig).attr("src",src4);
 				}
			}
			else{
				if(di=="#div1"){//要有五个这样的IF语句
					if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
				 	//  这个IF里面还要加3，4，5框框的变换（下黑换成右白  右黑换成右白）2号框的代码如上，你可以参考一下
				 	$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png");
				 	//  这一条在每个if(di=="")里面要添加，比如说这是div1的，就用 fximg1，把它变为下黑
				}

				if(di=="#div2"){
					if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
					}
				 	else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
				 	}
					if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
				 	$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
				}

				if(di=="#div3"){
					if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
					}
				 	else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
				 	}
					if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
				 	$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
				}
				if(di=="#div4"){
					if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
					}
				 	else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
				 	}
					if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg5")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
				 	$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
				}
				if(di=="#div5"){
					if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
					}
				 	else if($("#fximg1")[0].src=="https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png"){
	 				$("#fximg1").attr("src","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png");
				 	}
					if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg3")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg3").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg4")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg4").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
					if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
					}
				 	else if($("#fximg2")[0].src=="https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png"){
	 				$("#fximg2").attr("src","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png");
				 	}
				 	$("#fximg5").attr("src","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png");
				}




			}
			$(nc).siblings("ul").hide(500);
			$(this).next(".navContent").slideToggle(500);		
	})	

}
mou("#div1","https://static.igem.org/mediawiki/2015/3/3d/Tianjin_inside03.png","https://static.igem.org/mediawiki/2015/c/c6/Tianjin_inside04.png","https://static.igem.org/mediawiki/2015/7/79/Tianjin_inside05.png","https://static.igem.org/mediawiki/2015/8/88/Tianjin_inside06.png","#fximg1","#nC1");
mou("#div2","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png","#fximg2","#nC2");
mou("#div3","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png","#fximg3","#nC3");
mou("#div4","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png","#fximg4","#nC4");
mou("#div5","https://static.igem.org/mediawiki/2015/1/12/Tianjin_inside09.png","https://static.igem.org/mediawiki/2015/8/89/Tianjin_inside10.png","https://static.igem.org/mediawiki/2015/4/44/Tianjin_inside07.png","https://static.igem.org/mediawiki/2015/1/1d/Tianjin_inside08.png","#fximg5","#nC5");
</script>
</body>
</html>