Team:XMU-China/Team Members

From 2014.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 13: Line 13:
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
-
<style type="text/css">
+
<style type="text/css">
-
#siteSub{display:none}
+
#siteSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 57: Line 56:
z-index: -1;
z-index: -1;
}
}
-
#nav_bar_full_01{left: 70px;top:47px;}
+
#nav_bar_full_01{left: 70px;top:52px;}
-
#nav_bar_full_02{left: 210px;top:47px;letter-spacing:-2px;}
+
#nav_bar_full_02{left: 210px;top:52px;letter-spacing:-2px}
-
#nav_bar_full_03{left: 360px;top:47px;}
+
#nav_bar_full_03{left: 360px;top:52px;}
-
#nav_bar_full_04{left: 525px;top:47px;}
+
#nav_bar_full_04{left: 525px;top:52px;}
-
#nav_bar_full_05{left: 685px;top:47px;}
+
#nav_bar_full_05{left: 685px;top:52px;}
-
#nav_bar_full_06{left: 820px;top:47px;}
+
#nav_bar_full_06{left: 820px;top:52px;}
#nav_bar a{text-decoration:none;color:#fff;}
#nav_bar a{text-decoration:none;color:#fff;}
#nav_bar a:hover{text-decoration:none;color:#f00;}
#nav_bar a:hover{text-decoration:none;color:#f00;}
Line 184: Line 183:
#navbar_frame_right{right:-120px;top:4px;}
#navbar_frame_right{right:-120px;top:4px;}
/*sidebar*/
/*sidebar*/
 +
#side_bar{
#side_bar{
position:fixed;
position:fixed;
-
bottom:50px;
+
bottom:75px;
-
left:20px;
+
left:13px;
 +
z-index:20;
font-size:20px;
font-size:20px;
width: 160px;
width: 160px;
-
z-index: 20;
 
}
}
#side_bar_main_1{
#side_bar_main_1{
Line 207: Line 207:
margin-top:70px;
margin-top:70px;
}
}
-
#side_bar ul{list-style: none;border-color:#135996;border-width:2px}
+
#side_bar ul{list-style: none;}
#side_bar a{
#side_bar a{
text-decoration:none;
text-decoration:none;
Line 218: Line 218:
.sidebar_main{
.sidebar_main{
position:relative;
position:relative;
-
width:155px;
+
width:150px;
background-image:url("https://static.igem.org/mediawiki/2014/1/1c/XMU-Backgroundnav.png");
background-image:url("https://static.igem.org/mediawiki/2014/1/1c/XMU-Backgroundnav.png");
text-align:center;
text-align:center;
Line 227: Line 227:
left:170px;
left:170px;
top:26px;
top:26px;
-
border-right:#4f5faa 5px solid;
+
border-right:#135996 5px solid;
display:none;
display:none;
}
}
Line 245: Line 245:
position:absolute;
position:absolute;
width:160px;
width:160px;
-
top: 160px;
+
top: 52px;
}
}
/*Members*/
/*Members*/
.Team_title{position:absolute;width:300px;}
.Team_title{position:absolute;width:300px;}
-
#Team_Members{position:relative;top:230px;width:1000px;margin-left:-400px;left:43%;}
+
#Team_Members{position:relative;top:220px;width:1000px;margin-left:-500px;left:50%;}
#Team_Members_wd{
#Team_Members_wd{
-
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/
+
 
-
filter:Alpha(opacity=40); background:#000000;/*IE*/
+
-
box-shadow: 6px 2px 20px #aaaaaa;
+
padding-left: 30px;
padding-left: 30px;
padding-right: 30px;
padding-right: 30px;
-
line-height:1.5;
 
position:relative;
position:relative;
-
top:150px;
+
top:200px;
table-layout: fixed;
table-layout: fixed;
word-wrap: break-word;
word-wrap: break-word;
Line 265: Line 262:
text-justify:inter-ideograph;
text-justify:inter-ideograph;
}
}
-
#Team_Members_2{position:relative;top:430px;width:1000px;margin-left:-400px;left:43%;}
+
 +
#tryToFindMe{position:relative;top:400px;}
 +
 +
#Team_Members_2{position:relative;top:280px;width:1000px;margin-left:-500px;left:50%;}
#Team_Members_2_wd{
#Team_Members_2_wd{
-
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/
+
 
-
filter:Alpha(opacity=40); background:#000000;/*IE*/
+
-
box-shadow: 6px 2px 20px #aaaaaa;
+
padding-left: 30px;
padding-left: 30px;
padding-right: 30px;
padding-right: 30px;
-
line-height:1.5;
 
position:relative;
position:relative;
-
top:190px;
+
top:160px;
table-layout: fixed;
table-layout: fixed;
word-wrap: break-word;
word-wrap: break-word;
Line 280: Line 277:
text-align:justify;
text-align:justify;
text-justify:inter-ideograph;
text-justify:inter-ideograph;
-
}
+
}
 +
.team_member_details_wd{width:450px;border-width:0px;margin-right:30px;font-size:18px;font-weight:bold; position:absolute;top:22px;right:75px;word-wrap: break-word;
 +
word-break: normal;
 +
text-align: justify;}
 +
.team_member_details_img img{width:200px;margin-left:75px;}
 +
.team_member_details{position:relative;}
</style>
</style>
<style>
<style>
Line 353: Line 355:
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
if(sidebar_sub_hover_display = "none"){
if(sidebar_sub_hover_display = "none"){
-
side_bar_hover_target.animate({width:"275px"},200);
+
side_bar_hover_target.stop().animate({width:"275px"},200);
-
side_bar_hover_target.children(".sidebar_sub").slideDown("normal");
+
};
};
$(".sidebar_main").mouseleave(function(){
$(".sidebar_main").mouseleave(function(){
Line 360: Line 361:
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
if(sidebar_sub_hover_display = "block"){
if(sidebar_sub_hover_display = "block"){
-
side_bar_hover_target.children(".sidebar_sub").slideUp(100);
+
side_bar_hover_target.stop().animate({width:"155px"},100);
-
side_bar_hover_target.animate({width:"155px"},100);
+
};
};
});
});
Line 368: Line 368:
$(".navbar_main").mouseenter(function(){
$(".navbar_main").mouseenter(function(){
var nav_bar_hover_target = $(this);
var nav_bar_hover_target = $(this);
-
nav_bar_hover_target.children(".navbar_sub").slideDown();
+
nav_bar_hover_target.children(".navbar_sub").stop().slideDown();
$(".navbar_main").mouseleave(function(){
$(".navbar_main").mouseleave(function(){
var nav_bar_hoveroff_target = $(this);
var nav_bar_hoveroff_target = $(this);
-
nav_bar_hoveroff_target.children(".navbar_sub").slideUp();
+
nav_bar_hoveroff_target.children(".navbar_sub").stop().slideUp();
});
});
});
});
Line 380: Line 380:
<body style="font-family:arial;color:#8ccfff">
<body style="font-family:arial;color:#8ccfff">
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
-
<img src="https://static.igem.org/mediawiki/2014/f/f8/Wiki%E8%83%8C%E6%99%AFzwei.png" width="100%" height="100%"/>
+
<img src="https://static.igem.org/mediawiki/2014/a/a6/Xmu_background_veir.jpg" width="100%" height="100%"/>
</div>
</div>
<div id="warp_navbar_main">
<div id="warp_navbar_main">
<div id="warp_navbar">
<div id="warp_navbar">
<div id="nav_bar_frame" >
<div id="nav_bar_frame" >
-
<img class="navbar_frame" id="navbar_frame_left" src="https://static.igem.org/mediawiki/2014/c/c9/Xmu_navbar_left.png" />
+
<img class="navbar_frame" id="navbar_frame_left" src="https://static.igem.org/mediawiki/2014/c/cf/Xmu_navbar_left04.png" />
-
<img class="navbar_frame" id="navbar_frame_right" src="https://static.igem.org/mediawiki/2014/b/b5/Xmu_navbar_right.png" />
+
<img class="navbar_frame" id="navbar_frame_right" src="https://static.igem.org/mediawiki/2014/8/88/Xmu_navbar_right02.png" />
</div>
</div>
<div id="nav_bar">
<div id="nav_bar">
<ul id="nav_bar_main">
<ul id="nav_bar_main">
<li id="navbar_main_01" class="navbar_main">
<li id="navbar_main_01" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_01"> </span></a>
+
<a href="#team-" onClick ="show(this)"><span class="nav_bar" id="nav_bar_01"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_01">Project</a>
+
<a href="#team-" onClick ="show(this)" class="nav_bar_full" id="nav_bar_full_01">Project</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_01" src="https://static.igem.org/mediawiki/2014/4/4e/Xmu_navbar_sub_01.png" />
<img class="navbar_sub_x" id="navbar_sub_x_01" src="https://static.igem.org/mediawiki/2014/4/4e/Xmu_navbar_sub_01.png" />
Line 405: Line 405:
</li>
</li>
<li id="navbar_main_02" class="navbar_main">
<li id="navbar_main_02" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_02"> </span></a>
+
<a href="#team-" onClick ="show(this)"><span class="nav_bar" id="nav_bar_02"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_02">Notebook</a>
+
<a href="#team-" onClick ="show(this)" class="nav_bar_full" id="nav_bar_full_02">Notebook</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_02" src="https://static.igem.org/mediawiki/2014/e/e0/Xmu_navbar_sub_02.png" />
<img class="navbar_sub_x" id="navbar_sub_x_02" src="https://static.igem.org/mediawiki/2014/e/e0/Xmu_navbar_sub_02.png" />
Line 415: Line 415:
</li>
</li>
<li id="navbar_main_03" class="navbar_main">
<li id="navbar_main_03" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_03"> </span></a>
+
<a href="#team-" onClick ="show(this)"><span class="nav_bar" id="nav_bar_03"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
+
<a href="#team-" onClick ="show(this)" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_03" src="https://static.igem.org/mediawiki/2014/7/7a/Xmu_navbar_sub_03.png" />
<img class="navbar_sub_x" id="navbar_sub_x_03" src="https://static.igem.org/mediawiki/2014/7/7a/Xmu_navbar_sub_03.png" />
Line 424: Line 424:
</li>
</li>
<li id="navbar_main_04" class="navbar_main">
<li id="navbar_main_04" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_04"> </span></a>
+
<a href="#team-" onClick ="show(this)"><span class="nav_bar" id="nav_bar_04"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_04">Team</a>
+
<a href="#team-" onClick ="show(this)" class="nav_bar_full" id="nav_bar_full_04">Team</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_04" src="https://static.igem.org/mediawiki/2014/1/1f/Xmu_navbar_sub_04.png" />
<img class="navbar_sub_x" id="navbar_sub_x_04" src="https://static.igem.org/mediawiki/2014/1/1f/Xmu_navbar_sub_04.png" />
Line 433: Line 433:
</li>
</li>
<li id="navbar_main_05" class="navbar_main">
<li id="navbar_main_05" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_05"> </span></a>
+
<a href="#team-" onClick ="show(this)"><span class="nav_bar" id="nav_bar_05"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_05">P&amp;P</a>
+
<a href="#team-" onClick ="show(this)" class="nav_bar_full" id="nav_bar_full_05">P&amp;P</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_05" src="https://static.igem.org/mediawiki/2014/d/de/Xmu_navbar_sub_05.png" />
<img class="navbar_sub_x" id="navbar_sub_x_05" src="https://static.igem.org/mediawiki/2014/d/de/Xmu_navbar_sub_05.png" />
Line 462: Line 462:
<ul id="side_bar_main_2">
<ul id="side_bar_main_2">
<li class="sidebar_main" id="side_bar_safety">
<li class="sidebar_main" id="side_bar_safety">
-
<h3><a href="https://2014.igem.org/Team:XMU-China/Team_Members">Attribution</a></h3>
+
<h3><a href="https://2014.igem.org/Team:XMU-China/Team_Attribution">Attribution</a></h3>
</li>
</li>
</ul>
</ul>
</div>
</div>
-
<!--Team Members-->
+
<!--Team Members-->
-
<div id="Team_Members">
+
<div id="tryToFindMe" style="z-index:2">
-
<img id="Team_Members_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/1/1a/Xmu_team_member_zwei.png"/>
+
    <ul>
-
<div id="Team_Members_wd">
+
  <p>Try to click on <strong>me</strong> in the Picture !</p>
-
<div id="group">
+
<p style="font-size: 24px;z-index:1"><a href="https://2014.igem.org/Team:XMU-China/Gallery"> More in Gallery</a></p>
-
<img src="https://static.igem.org/mediawiki/2014/d/df/XMU-hezhao.png" alt="Group Photo" style="box-shadow: 0px 10px 10px 5px #888888;" width="844" height="555" border="0" usemap="#groupPhoto" />
+
      </ul>
-
</div>
+
    </div>
-
</div>
+
<div id="Team_Members">
 +
<img id="Team_Members_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/1/1a/Xmu_team_member_zwei.png"/>
 +
<div id="Team_Members_wd">
 +
<div id="group">
 +
<img src="https://static.igem.org/mediawiki/2014/7/7a/2014-XMU-China.jpg" alt="Group Photo" width="960" height="538.8" border="0" usemap="#Map" />
</div>
</div>
 +
</div>
 +
 +
</div>
 
 
Line 482: Line 489:
var id = obj.id;
var id = obj.id;
var curIndex = id.slice(5);
var curIndex = id.slice(5);
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
$("#team"+curIndex+"-o").slideToggle("normal");
$("#team"+curIndex+"-o").slideToggle("normal");
$("#team"+curIndex).toggleClass("bgChange");
$("#team"+curIndex).toggleClass("bgChange");
Line 491: Line 506:
<script type="text/javascript">
<script type="text/javascript">
     $(document).ready(function() {
     $(document).ready(function() {
-
 
$("#team-1-o").hide()
$("#team-1-o").hide()
     $("#team-1").click(function(){
     $("#team-1").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
       $("#team-1-o").slideToggle("normal")
       $("#team-1-o").slideToggle("normal")
  $("#team-1").toggleClass("bgChange")
  $("#team-1").toggleClass("bgChange")
-
      });
+
  });
$("#team-2-o").hide()
$("#team-2-o").hide()
     $("#team-2").click(function(){
     $("#team-2").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
       $("#team-2-o").slideToggle("normal")
       $("#team-2-o").slideToggle("normal")
  $("#team-2").toggleClass("bgChange")
  $("#team-2").toggleClass("bgChange")
Line 504: Line 534:
$("#team-3-o").hide()
$("#team-3-o").hide()
     $("#team-3").click(function(){
     $("#team-3").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
       $("#team-3-o").slideToggle("normal")
       $("#team-3-o").slideToggle("normal")
  $("#team-3").toggleClass("bgChange")
  $("#team-3").toggleClass("bgChange")
       });
       });
-
+
$("#team-4-o").hide()
-
+
    $("#team-4").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-4-o").slideToggle("normal")
 +
  $("#team-4").toggleClass("bgChange")
 +
      });
 +
$("#team-5-o").hide()
 +
    $("#team-5").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-5-o").slideToggle("normal")
 +
  $("#team-5").toggleClass("bgChange")
 +
      });
 +
$("#team-6-o").hide()
 +
    $("#team-6").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-6-o").slideToggle("normal")
 +
  $("#team-6").toggleClass("bgChange")
 +
      });
 +
$("#team-7-o").hide()
 +
    $("#team-7").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-7-o").slideToggle("normal")
 +
  $("#team-7").toggleClass("bgChange")
 +
      });
 +
$("#team-8-o").hide()
 +
    $("#team-8").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-8-o").slideToggle("normal")
 +
  $("#team-8").toggleClass("bgChange")
 +
      });
 +
$("#team-9-o").hide()
 +
    $("#team-9").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-9-o").slideToggle("normal")
 +
  $("#team-9").toggleClass("bgChange")
 +
      });
 +
$("#team-10-o").hide()
 +
    $("#team-10").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-10-o").slideToggle("normal")
 +
  $("#team-10").toggleClass("bgChange")
 +
      });
 +
$("#team-11-o").hide()
 +
    $("#team-11").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-11-o").slideToggle("normal")
 +
  $("#team-11").toggleClass("bgChange")
 +
      });
 +
$("#team-12-o").hide()
 +
    $("#team-12").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-12-o").slideToggle("normal")
 +
  $("#team-12").toggleClass("bgChange")
 +
      });
 +
$("#team-13-o").hide()
 +
    $("#team-13").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-13-o").slideToggle("normal")
 +
  $("#team-13").toggleClass("bgChange")
 +
      });
 +
$("#team-14-o").hide()
 +
    $("#team-14").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-14-o").slideToggle("normal")
 +
  $("#team-14").toggleClass("bgChange")
 +
      });
 +
$("#team-15-o").hide()
 +
    $("#team-15").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-15-o").slideToggle("normal")
 +
  $("#team-15").toggleClass("bgChange")
 +
      });
 +
$("#team-16-o").hide()
 +
    $("#team-16").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-16-o").slideToggle("normal")
 +
  $("#team-16").toggleClass("bgChange")
 +
      });
 +
$("#team-17-o").hide()
 +
    $("#team-17").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-17-o").slideToggle("normal")
 +
  $("#team-17").toggleClass("bgChange")
 +
      });
 +
$("#team-18-o").hide()
 +
    $("#team-18").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-18-o").slideToggle("normal")
 +
  $("#team-18").toggleClass("bgChange")
 +
      });
 +
$("#team-19-o").hide()
 +
    $("#team-19").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-19-o").slideToggle("normal")
 +
  $("#team-19").toggleClass("bgChange")
 +
      });
 +
$("#team-20-o").hide()
 +
    $("#team-20").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-20-o").slideToggle("normal")
 +
  $("#team-20").toggleClass("bgChange")
 +
      });
 +
$("#team-21-o").hide()
 +
    $("#team-21").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-21-o").slideToggle("normal")
 +
  $("#team-21").toggleClass("bgChange")
 +
      });
 +
$("#team-22-o").hide()
 +
    $("#team-22").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-22-o").slideToggle("normal")
 +
  $("#team-22").toggleClass("bgChange")
 +
      });
 +
$("#team-23-o").hide()
 +
    $("#team-23").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-23-o").slideToggle("normal")
 +
  $("#team-23").toggleClass("bgChange")
 +
      });
 +
$("#team-24-o").hide()
 +
    $("#team-24").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-24-o").slideToggle("normal")
 +
  $("#team-24").toggleClass("bgChange")
 +
      });
 +
$("#team-25-o").hide()
 +
    $("#team-25").click(function(){
 +
$(".team_member_details").map(function(){
 +
  var display_target = $(this);
 +
  var if_display = display_target.css("display");
 +
  if (if_display == "block"){
 +
display_target.slideToggle("normal");
 +
display_target.prev("h2").toggleClass("bgChange");
 +
};
 +
});
 +
      $("#team-25-o").slideToggle("normal")
 +
  $("#team-25").toggleClass("bgChange")
 +
      });
 +
     });
     });
     </script>
     </script>
Line 515: Line 838:
<script type="text/javascript">
<script type="text/javascript">
  $(document).ready(function(){
  $(document).ready(function(){
-
         $("#accordion").children("div").css("background-color","white");
+
         $(".team_member_details").css({"background-color":"black","opacity":0.9});
       });
       });
</script>
</script>
Line 522: Line 845:
<!--人物介绍栏改变颜色-->
<!--人物介绍栏改变颜色-->
<style type="text/css">
<style type="text/css">
-
*{margin:0;padding:0;}
+
#team-1.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
#team-1.bgChange {
+
#team-2.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
      background:#036;
+
#team-3.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
}
+
#team-4.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
        #team-2.bgChange {
+
#team-5.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
      background:#036;
+
#team-6.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
}
+
#team-7.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
        #team-3.bgChange {
+
#team-8.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
      background:#036;
+
#team-9.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
-
}
+
#team-10.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-11.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-12.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-13.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-14.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-15.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-16.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-17.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-18.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-19.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-20.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-21.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-22.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-23.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-24.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
 +
#team-25.bgChange {background-image:url("https://static.igem.org/mediawiki/2014/4/40/XMU-Team-Membackground2.png");}
</style>
</style>
 
 
 
 
<!-- 图片坐标定位 -->
<!-- 图片坐标定位 -->
-
    <map name="groupPhoto" id="groupPhoto">
+
<map name="Map">
-
      <area shape="poly" id="group-1" coords="382,338,373,314,381,290,394,286,400,278,398,266,403,250,418,250,426,257,426,271,422,284,436,287,448,297,441,322,437,332" href="#team-1" onClick ="show(this)" />
+
  <area shape="poly" id="group-8" coords="23,223,18,165,37,104,52,99,62,114,67,139,48,218" href="#team-8" onClick ="show(this)">
-
      <area shape="rect" id="group-2" coords="386,163,438,249" href="#team-2" onClick ="show(this)" />
+
  <area shape="poly" id="group-15" coords="25,329,71,135,91,96,97,83,115,95,111,135,122,138,100,313" href="#team-15" onClick ="show(this)">
-
  <area shape="poly" id="group-3" coords="521,224,516,248,481,200,490,170,512,173,537,233,519,248" href="#team-3" onClick ="show(this)" />
+
  <area shape="poly" id="group-3" coords="106,325,122,136,138,96,162,102,167,143,175,197,166,295" href="#team-3" onClick ="show(this)">
-
    </map>
+
  <area shape="poly" id="group-18" coords="193,289,173,152,180,139,199,104,222,110,224,188,233,208,211,297" href="#team-18" onClick ="show(this)">
-
+
  <area shape="poly" id="group-10" coords="244,103,225,152,226,178,255,225,259,283,280,279,286,205,280,148,273,113" href="#team-10" onClick ="show(this)">
-
</br>
+
  <area shape="poly" id="group-6" coords="295,95,281,144,290,209,305,217,309,105" href="#team-6" onClick ="show(this)">
-
<div id="tryToFindMe">
+
  <area shape="poly" id="group-2" coords="342,81,332,93,329,124,313,129,308,189,323,279,349,326,356,255,377,215,362,153,359,87" href="#team-2" onClick ="show(this)">
-
    <ul>
+
  <area shape="rect" id="group-1" coords="365,78,390,137" href="#team-1" onClick ="show(this)">
-
  <p>Try to click on <strong>me</strong> in the Picture !</p>
+
  <area shape="poly" id="group-16" coords="380,292,431,292,421,209,410,171,407,151,420,136,415,104,397,107,387,138,370,146" href="#team-16" onClick ="show(this)">
-
      </ul>
+
  <area shape="poly" id="group-12" coords="453,129,451,101,428,94,431,128,418,141,409,154,426,212,433,275,435,303,495,294,491,222,466,209,469,154" href="#team-12" onClick ="show(this)">
-
    </div>
+
  <area shape="poly" id="group-14" coords="482,92,460,135,472,155,472,200,486,204,491,191,499,153,503,137,495,101" href="#team-14" onClick ="show(this)">
 +
  <area shape="poly" id="group-22" coords="550,135,545,111,530,95,517,110,519,136,506,146,492,205,508,297,529,299,544,202,568,172,562,136" href="#team-22" onClick ="show(this)">
 +
  <area shape="poly" id="group-9" coords="569,70,554,66,543,80,548,109,555,133,571,134" href="#team-9" onClick ="show(this)">
 +
  <area shape="poly" id="group-4" coords="583,93,596,104,595,132,609,145,616,185,600,198,598,223,583,276,572,292,558,276,547,210,572,176,566,141,573,129,573,102" href="#team-4" onClick ="show(this)">
 +
  <area shape="poly" id="group-17" coords="641,99,655,108,665,142,668,168,659,196,641,230,632,316,618,331,603,287,602,206,620,185,614,147,631,112" href="#team-17" onClick ="show(this)">
 +
  <area shape="poly" id="group-7" coords="683,101,697,112,708,143,714,179,717,203,705,216,681,260,674,299,653,300,652,222,670,191,669,138,670,107" href="#team-7" onClick ="show(this)">
 +
  <area shape="poly" id="group-5" coords="724,82,739,97,742,127,760,130,767,169,755,217,767,242,746,324,707,318,703,232,720,194,709,140,719,123,712,98" href="#team-5" onClick ="show(this)">
 +
  <area shape="poly" id="group-19" coords="776,91,797,100" href="#team-" onClick ="show(this)">
 +
  <area shape="poly" id="group-11"  coords="786,94,797,106,793,137,815,152,817,185,813,217,826,235,811,308,777,301,772,242,762,217,772,151,765,135,768,100" href="#team-11" onClick ="show(this)">
 +
  <area shape="poly" id="group-21" coords="826,103,802,110,800,136,813,150,821,157,820,194,818,223,853,248,872,319,883,315,879,221,840,206,839,149" href="#team-21" onClick ="show(this)">
 +
  <area shape="poly" id="group-13" coords="857,101,846,119,851,143,844,151,845,204,877,218,884,226,889,299,906,320,916,238,890,205,887,157,871,143,872,117" href="#team-13" onClick ="show(this)">
 +
  <area shape="poly" id="group-19" coords="907,112,892,113,886,125,884,152,895,175,897,207,919,236,930,199,930,161,912,147" href="#team-19" onClick ="show(this)">
 +
  <area shape="poly" id="group-20" coords="940,131,953,166,953,209,956,241,925,236,937,172,929,151,922,146,925,129" href="#team-20" onClick ="show(this)">
 +
</map>
 +
</br>
 
 
<div id="Team_Members_2">
<div id="Team_Members_2">
-
<img id="Team_Members_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/0/0f/Xmu_project_background_zwei.png"/>
 
     <div id="Team_Members_2_wd">
     <div id="Team_Members_2_wd">
-
      <h2 id="team-1">Jianxing Huang</h2>
+
          <h2 id="team-11">Chen An</h2>
-
  <div id="team-1-o">
+
  <div id="team-11-o" class="team_member_details">
-
  sdadsaddsdsadada<q>ddsdasdsadas</q>dsdadadsdadsdsdadeqwesdsadasd<code>wesadaaa</code>czxcsdseqwedasdad
+
  <div class="team_member_details_img">
-
  weqwdsafadaeqwesdasdads<sub>a</sub>ddsdsadadaddsda<mark>sds</mark>adasdsdadadsdadsdsdadeqwesdsadasdwesadaa
+
<img src="https://static.igem.org/mediawiki/parts/b/b4/XMU-Team-Member01.jpg" />
-
  aczxcsdseqwedasdadweqwdsafadaeqwesda
+
  </div>
 +
  <div class="team_member_details_wd">
 +
  He is a lively and cheerful boy.In the summer,he contributed his own time to Project, Human practice and so on.Tired but happy,he is enjoying the travel.His favorite book is Three Days to See.Believe that he can maintain high enthusiasm for the work every day. 
 +
  </div>
 +
  </div>
 +
 
 +
          <h2 id="team-5">Chen Jielin</h2>
 +
  <div id="team-5-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/e/ea/XMU-Team-Member17.jpg" />
 +
  </div>  
 +
  <div class="team_member_details_wd">
 +
He is a sunshine boy, loves sports and enjoying the time that fight shoulder to shoulder with others. Maybe what he can contribution to the team is very small, but he will try his best to complete the task. He is a man who is keen on actions instead of words, when you need help, he will help you solve problem directly, instead of useless words.
 +
</div>
 +
  </div>
 +
 
 +
  <h2 id="team-6">Chen Yahong</h2>
 +
  <div id="team-6-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/5/53/XMU-Team-Member19.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
As a sophomore, she is a responsible girl. When she thinks about some new, crazy ideas and determines to accomplish it, she always actively try to seek resources to support her idea. She is easy-going and has team spirit. In this summer, she mainly takes responsibility at experiment.
 +
</div>
 +
  </div>
 +
 
 +
  <h2 id="team-8">Chen Zehua</h2>
 +
  <div id="team-8-o" class="team_member_details">
 +
<div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/c/cf/XMU-Team-Member18.jpg" />
 +
  </div>
 +
<div class="team_member_details_wd">
 +
  She is a gentle and quiet girl. In the summer, she contribute her own time to Project, Human practice and so on. Tired but happy, she is enjoying the travel to the unknown. Her favorite book is Pride and Prejudice. Hope that she is always happy in the way.
 +
  </div>
  </div>
  </div>
   
   
-
  <h2 id="team-2">Xifeng Guo</h2>
+
  <h2 id="team-21">Fu Xiaotong</h2>
-
  <div id="team-2-o">
+
  <div id="team-21-o" class="team_member_details">
-
  daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww
+
  <div class="team_member_details_img">
-
  dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
+
<img src="https://static.igem.org/mediawiki/parts/3/3b/XMU-Team-Member02.jpg" />
-
  dadwewqweadasdasdasdasdsdewqeqeqeqwe
+
  </div>  
 +
<div class="team_member_details_wd">
 +
  She is such a dreamy girl who yearn for a colorful word and a better future.She loves painting,dancing,singing…You will never know where her enthusiasm of life comes from.She was so fortunate that she had harvested such a meaningful summer and these unity and fraternity brothers and sisters.  
 +
  </div>
  </div>
  </div>
   
   
-
  <h2 id="team-3">Chun Tang</h2>
+
  <h2 id="team-2">Guo Xifeng</h2>
-
  <div id="team-3-o">
+
  <div id="team-2-o" class="team_member_details">
-
  daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww
+
  <div class="team_member_details_img">
-
  dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
+
<img src="https://static.igem.org/mediawiki/parts/4/44/XMU-Team-Member14.jpg" />
-
  dadwewqweadasdasdasdasdsdewqeqeqeqwe    
+
  </div>    
 +
<div class="team_member_details_wd">
 +
  He is a clever boy, who enjoys painting and talking with others. He also like making friends with others, As for him, he hold the idea that “action speaks louder than speaking.” He is also good at something special which helps him solve many problem in this competition. Maybe he can make some special for you.
 +
  </div>
  </div>
  </div>
   
   
-
  <h2>Chun Tang</h2>
+
          <h2 id="team-1">Huang Jianxing</h2>
-
  <div>
+
  <div id="team-1-o" class="team_member_details">
-
 
+
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/c/ce/XMU-Team-Member21.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  He is a mystery junior. In the summer, he commute between Xiang’an and Siming. Tired but happy, he is enjoying the travel. His favorite story are Iliad and Ulysses. You can find Lynn on the way to the unknown.
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-17">Jiang Yue</h2>
 +
  <div id="team-17-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/d/da/XMU-Team-Member12.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  She is willing to make new friends and always immersed in the challenge brought by the unknown world. Books and music are her two close friends, as well as <em>E. coli</em>. 
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-10">Lei Yiying</h2>
 +
  <div id="team-10-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/6/64/XMU-Team-Member20.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  She is an easy-going girl, but sometimes could be a little crazy. She is enthusiastic about work and value her time extremely. In the summer, she devotes all her hopes and dreams to ideas and experiments, keeping moving on, and breaking her personal limits.
 +
  </div>  
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-15">Li Zhe</h2>
 +
  <div id="team-15-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/6/60/XMU-Team-Member22.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  He is a strange boy, loving digital technology such as various of smart devices and programming code. Don't adept in communication with others , always immersed in his own world. Sometimes one new found on code may let him exciting all night. Usually stay up late to do something so wake up too late. To rise early is the greatest enemy of him.
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-18">Liu Chang</h2>
 +
  <div id="team-18-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/1/16/XMU-Team-Member05.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  I am from Xiamen University, a junior student majoring in biology. I have a strong passion in nutrition digitalization and immunology, through the study of synthetic biology, I have found it’s useful to realize nutrition digitalization. I like cooking, doing experiments is just like cooking, and it seems everything has proper use within a certain range.  
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-13">Liu Weibing</h2>
 +
  <div id="team-13-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/6/60/XMU-Team-Member03.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  He is a junior major in chemicobiology. Enticing by the sheer comfort and joy of being in lab for unspeakable hours, he has seen a particular overriding cognitive sight. In memories with the clever E.coli, he want to share our idea to the world. 
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-16">Liu Yang</h2>
 +
  <div id="team-16-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/9/99/XMU-Team-Member04.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  As an enthusiastic and critical member, she is active in both human practice and the construction of the idea, especially the former. She never stints her advice to promote the teamwork.  
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-14">Lv Yizhu</h2>
 +
  <div id="team-14-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/8/86/XMU-Team-Member06.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  She is a perseverant girl born in July and her Chinese name has the same pronounciation with July and that's why she loves this month. She enjoys reading poems written in ancient China as well as some comments about them when she is available. She feels that smile is the most beautiful thing in the world. 
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-12">Ruan Qingyu</h2>
 +
  <div id="team-12-o" class="team_member_details" style="height:300px;">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/a/a7/XMU-Team-Member16.jpg" style="margin-top:75px;"/>
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
Qingyu is currently studying Chemistry in the 7th bachelor semester in Xiamen. During the past three years, he stayed in a biochemistry laboratory all the time. As he tasted blood in proteomics and metabolomics , he is very excited to participate in iGEM. Apart from the work on the pattern formation subproject, he is the creative producer and laboratory personnel in the team. Besides the fascinating theme of life science, he also likes reading various kinds of books and journals in the fields of pedagogy, politics, economics and psychology! He is a great lab mate, stubborn enough to make anything work.
 +
</div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-3">Tang Chun</h2>
 +
  <div id="team-3-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/2014/c/c9/XMU-Team-Member08.jpg" />
 +
  </div>
 +
<div class="team_member_details_wd">
 +
  I’m from Xiamen University, a junior student major in chemistry. I have strong passion in science especially in organic synthesis. Through the study of synthetic biology, I have found common ground between chemistry and synthetic biology that everyone could build excellent creatures by means of basic principles.  
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-19">Wang Yushen</h2>
 +
  <div id="team-19-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/8/86/XMU-Team-Member13.jpg" />
 +
  </div>
 +
<div class="team_member_details_wd">
 +
  He is a boy full of possibility. He is desirous of learning new things more. He enjoys traveling for every challenges on the way worthy of taking a risk. This summer, he joined the team and did some help for designing and others. You would see his progress, if not, he will never ever stop trying that. 
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-4">Wu Fan</h2>
 +
  <div id="team-4-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/2/22/XMU-Team-Member07.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  He is a CRAZY GEEK. He loves computer, smartphone, website and graphic design. This summer, he will devote himself to making team beauteous. Always walking with his laptop bag. Don’t know how to fix computer? Just find him. 
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-20">Yan Xiaoshan</h2>
 +
  <div id="team-20-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/6/68/XMU-Team-Member15.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  She looks quiet. She is a girl full of curiosity, who likes and learns computer science, and loves high-tech. However, she also loves flute and Chinese classical style. Though she has wide interests, she was mainly to do modeling for the project this summer. 
 +
  </div>
 +
  </div>
 +
 
 +
  <h2 id="team-7">Zhang Ruihua</h2>
 +
  <div id="team-7-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/a/a0/XMU-Team-Member10.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  My Chinese name is Ruihua Zhang and Catherine is my English name. As an active girl, I am enthusiastic about rock climbing and ice climbing and enjoy running. I believe in what is true and try to feel and follow nature. Life is as what you feel and react, just feel it and enjoy it !
 +
  </div>
  </div>
  </div>
-
  <h2>Chun Tang</h2>
 
-
  <div>
 
   
   
 +
  <h2 id="team-9">Zhang Tangduo</h2>
 +
  <div id="team-9-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/parts/9/96/XMU-Team-Member09.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
  He is a tall strong boy, loving to smile and good at humor. He is so enthusiastic and friendly that always help others out of trouble. This summer, he devote his all energy to the experiments, keeping trying, making progress, and being happy along the way. 
 +
  </div>
 +
  </div>  
 +
 +
    <h2 id="team-22">Jiang Wei</h2>
 +
  <div id="team-22-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/2014/a/aa/XMU-Team-Member23.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
 +
  Our Advisor, he helps our  experiments carried out more smoothly.
 +
 +
  </div>
 +
  </div>
 +
<p style="margin-top: 20px;font-size: 36px;">
 +
Our Instructors
 +
</p>
 +
<h2 id="team-24">Prof. Baishan Fang</h2>
 +
  <div id="team-24-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/2013/5/5e/Xmusoftware_instructor1.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
 +
Dr. Baishan Fang is the professor in College of Chemistry & Chemical Engineering at Xiamen University. In the group of biocatalysis and biotransformation, his research mainly focuses on synthetic biology, mining and the transformation of enzyme, construction of bio-molecular machines, the application of new biocatalysts. His major role of XMU iGEM team is to mentor all and to enlighten the members.
 +
 +
  </div>
 +
  </div>    
 +
<h2 id="team-23">Associate Prof. I-Son Ng</h2>
 +
  <div id="team-23-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/2013/9/94/Xmusoftware_instructor2.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
 +
Dr. I-Son Ng is an associate professor in College of Chemistry & Chemical Engineering at Xiamen University. Her research interests are biofuel, engineering of enzyme and protein, zymology, genetic engineering, biochemical separation procedures and proteomics. Her role for the project is to provide suggestions and instruments.
 +
 +
  </div>
 +
  </div>
 +
 +
        <h2 id="team-25">Prof. Chaoyong James Yang</h2>
 +
  <div id="team-25-o" class="team_member_details">
 +
  <div class="team_member_details_img">
 +
<img src="https://static.igem.org/mediawiki/2013/f/f6/XMU-China_y2.jpg" />
 +
  </div>  
 +
<div class="team_member_details_wd">
 +
 +
  Dr. Chaoyong James Yang is an professor in College of Chemistry & Chemical Engineering at Xiamen University. His research focuses on microfluidics, molecular recognitions, DNA self-assembly and early diagnosis of cancer. He provided us with equipment for microfluidic experiments.
 +
 +
  </div>
  </div>    
  </div>    
 +
 
     </div>
     </div>
-
</div>
 
-
 
-
<!--回到顶页的小图标-->
+
<p style="margin-top: 20px;font-size: 36px;">
-
<div id="gototop" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
+
&nbsp;
-
      <img src="https://static.igem.org/mediawiki/2014/b/bd/Xmu_stop_UFO.png" width="150%" height="150%"/>
+
</p>
-
</div>
+
 
-
<div id="gototop_2" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
+
 
-
      <img src="https://static.igem.org/mediawiki/2014/a/ae/Xmu_up_UFO_zwei.png" width="150%" height="150%"/>
+
</div>
-
</div>
+
-
<div id="gototop_3" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
+
-
      <img src="https://static.igem.org/mediawiki/2014/a/a2/Xmu_down_UFO_zwei.png" width="150%" height="150%"/>
+
-
</div>
+
-
+
-
<!--图标随滚动变化-->
 
-
<script type="text/javascript">
 
-
$("#gototop_2").hide();
 
-
$("#gototop_3").hide();
 
-
lastScrollY = 0;
 
-
$(window).scroll(function(){
 
-
var diffY =$(window).scrollTop();
 
-
        percent=diffY-lastScrollY;  //获取滚动的百分比
 
-
        if(percent>0) {
 
-
$("#gototop").hide();
 
-
$("#gototop_2").hide();
 
-
$("#gototop_3").show();
 
-
}
 
-
        else  {
 
-
$("#gototop").hide();
 
-
$("#gototop_3").hide();
 
-
$("#gototop_2").show();
 
-
}
 
-
        lastScrollY = diffY;
 
-
$("#gototop").animate({padding: "+=0px"},1000,function(){
 
-
$("#gototop_3").hide();
 
-
$("#gototop_2").hide();
 
-
$("#gototop").show();
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<!--图标回到顶页-->
 
-
<script type="text/javascript">
 
-
    $("#gototop").click(function(){
 
-
  $('body,html').animate({scrollTop:0},500);
 
-
});
 
-
</script>
 
-
 
<!--侧边栏自动显示和隐藏的功能-->
<!--侧边栏自动显示和隐藏的功能-->
Line 695: Line 1,188:
</body>
</body>
</html>
</html>
 +
{{:Team:XMU-China/footer}}
 +
{{:Team:XMU-China/UFO}}

Latest revision as of 03:42, 18 October 2014

Team:XMU-China/Team_Members

Group Photo

Chen An

He is a lively and cheerful boy.In the summer,he contributed his own time to Project, Human practice and so on.Tired but happy,he is enjoying the travel.His favorite book is Three Days to See.Believe that he can maintain high enthusiasm for the work every day.

Chen Jielin

He is a sunshine boy, loves sports and enjoying the time that fight shoulder to shoulder with others. Maybe what he can contribution to the team is very small, but he will try his best to complete the task. He is a man who is keen on actions instead of words, when you need help, he will help you solve problem directly, instead of useless words.

Chen Yahong

As a sophomore, she is a responsible girl. When she thinks about some new, crazy ideas and determines to accomplish it, she always actively try to seek resources to support her idea. She is easy-going and has team spirit. In this summer, she mainly takes responsibility at experiment.

Chen Zehua

She is a gentle and quiet girl. In the summer, she contribute her own time to Project, Human practice and so on. Tired but happy, she is enjoying the travel to the unknown. Her favorite book is Pride and Prejudice. Hope that she is always happy in the way.

Fu Xiaotong

She is such a dreamy girl who yearn for a colorful word and a better future.She loves painting,dancing,singing…You will never know where her enthusiasm of life comes from.She was so fortunate that she had harvested such a meaningful summer and these unity and fraternity brothers and sisters.

Guo Xifeng

He is a clever boy, who enjoys painting and talking with others. He also like making friends with others, As for him, he hold the idea that “action speaks louder than speaking.” He is also good at something special which helps him solve many problem in this competition. Maybe he can make some special for you.

Huang Jianxing

He is a mystery junior. In the summer, he commute between Xiang’an and Siming. Tired but happy, he is enjoying the travel. His favorite story are Iliad and Ulysses. You can find Lynn on the way to the unknown.

Jiang Yue

She is willing to make new friends and always immersed in the challenge brought by the unknown world. Books and music are her two close friends, as well as E. coli.

Lei Yiying

She is an easy-going girl, but sometimes could be a little crazy. She is enthusiastic about work and value her time extremely. In the summer, she devotes all her hopes and dreams to ideas and experiments, keeping moving on, and breaking her personal limits.

Li Zhe

He is a strange boy, loving digital technology such as various of smart devices and programming code. Don't adept in communication with others , always immersed in his own world. Sometimes one new found on code may let him exciting all night. Usually stay up late to do something so wake up too late. To rise early is the greatest enemy of him.

Liu Chang

I am from Xiamen University, a junior student majoring in biology. I have a strong passion in nutrition digitalization and immunology, through the study of synthetic biology, I have found it’s useful to realize nutrition digitalization. I like cooking, doing experiments is just like cooking, and it seems everything has proper use within a certain range.

Liu Weibing

He is a junior major in chemicobiology. Enticing by the sheer comfort and joy of being in lab for unspeakable hours, he has seen a particular overriding cognitive sight. In memories with the clever E.coli, he want to share our idea to the world.

Liu Yang

As an enthusiastic and critical member, she is active in both human practice and the construction of the idea, especially the former. She never stints her advice to promote the teamwork.

Lv Yizhu

She is a perseverant girl born in July and her Chinese name has the same pronounciation with July and that's why she loves this month. She enjoys reading poems written in ancient China as well as some comments about them when she is available. She feels that smile is the most beautiful thing in the world.

Ruan Qingyu

Qingyu is currently studying Chemistry in the 7th bachelor semester in Xiamen. During the past three years, he stayed in a biochemistry laboratory all the time. As he tasted blood in proteomics and metabolomics , he is very excited to participate in iGEM. Apart from the work on the pattern formation subproject, he is the creative producer and laboratory personnel in the team. Besides the fascinating theme of life science, he also likes reading various kinds of books and journals in the fields of pedagogy, politics, economics and psychology! He is a great lab mate, stubborn enough to make anything work.

Tang Chun

I’m from Xiamen University, a junior student major in chemistry. I have strong passion in science especially in organic synthesis. Through the study of synthetic biology, I have found common ground between chemistry and synthetic biology that everyone could build excellent creatures by means of basic principles.

Wang Yushen

He is a boy full of possibility. He is desirous of learning new things more. He enjoys traveling for every challenges on the way worthy of taking a risk. This summer, he joined the team and did some help for designing and others. You would see his progress, if not, he will never ever stop trying that.

Wu Fan

He is a CRAZY GEEK. He loves computer, smartphone, website and graphic design. This summer, he will devote himself to making team beauteous. Always walking with his laptop bag. Don’t know how to fix computer? Just find him.

Yan Xiaoshan

She looks quiet. She is a girl full of curiosity, who likes and learns computer science, and loves high-tech. However, she also loves flute and Chinese classical style. Though she has wide interests, she was mainly to do modeling for the project this summer.

Zhang Ruihua

My Chinese name is Ruihua Zhang and Catherine is my English name. As an active girl, I am enthusiastic about rock climbing and ice climbing and enjoy running. I believe in what is true and try to feel and follow nature. Life is as what you feel and react, just feel it and enjoy it !

Zhang Tangduo

He is a tall strong boy, loving to smile and good at humor. He is so enthusiastic and friendly that always help others out of trouble. This summer, he devote his all energy to the experiments, keeping trying, making progress, and being happy along the way.

Jiang Wei

Our Advisor, he helps our experiments carried out more smoothly.

Our Instructors

Prof. Baishan Fang

Dr. Baishan Fang is the professor in College of Chemistry & Chemical Engineering at Xiamen University. In the group of biocatalysis and biotransformation, his research mainly focuses on synthetic biology, mining and the transformation of enzyme, construction of bio-molecular machines, the application of new biocatalysts. His major role of XMU iGEM team is to mentor all and to enlighten the members.

Associate Prof. I-Son Ng

Dr. I-Son Ng is an associate professor in College of Chemistry & Chemical Engineering at Xiamen University. Her research interests are biofuel, engineering of enzyme and protein, zymology, genetic engineering, biochemical separation procedures and proteomics. Her role for the project is to provide suggestions and instruments.

Prof. Chaoyong James Yang

Dr. Chaoyong James Yang is an professor in College of Chemistry & Chemical Engineering at Xiamen University. His research focuses on microfluidics, molecular recognitions, DNA self-assembly and early diagnosis of cancer. He provided us with equipment for microfluidic experiments.

 

Retrieved from "http://2014.igem.org/Team:XMU-China/Team_Members"