Team:XMU-China/team

From 2014.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta charset="utf-8">
-
<html lang=“en” >
+
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
-
<head>
+
Remove this if you use the .htaccess -->
-
<title>Team:XMU-China</title>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+
-
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/css&action=raw&amp;ctype=text/css" type="text/css" />
+
-
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
+
 +
<title>Team</title>
 +
<meta name="description" content="">
 +
<meta name="author" content="哲">
 +
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/css&action=raw&amp;ctype=text/css" type="text/css" />
 +
<meta name="viewport" content="width=device-width; initial-scale=1.0">
-
</head>
+
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
-
<body>
+
<style type="text/css">
-
<div class="shell">
+
#siteSub{display:none}
-
<div class="border">
+
#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.) --*/
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings--*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
*{margin:0px;padding:0px;}
-
<div id="header">
+
</style>
-
    <div id="igem_logo">
+
<style type="text/css">
-
      <img src="https://static.igem.org/mediawiki/2014/1/1a/XMU-igem_Logo.png" />
+
-
    </div>
+
/*nav_bar*/
-
+
#warp_navbar{position:relative;}
-
    <div id="title">
+
#nav_bar_main{list-style:none;position:relative;left:-40px;}
-
    <ul>
+
.nav_bar_full{
-
E.Taxis
+
position:absolute;
-
        </ul>
+
font-size: 30px;
-
    </div>
+
text-decoration: none;
-
+
z-index: -1;
-
<div id="xmu_logo">
+
}
-
  <img src="https://static.igem.org/mediawiki/2014/6/6e/XMU-xmu_logo.png" />
+
#nav_bar_full_01{left: 70px;top:50px;}
-
</div>
+
#nav_bar_full_02{left: 235px;top:50px;}
-
</div>
+
#nav_bar_full_03{left: 360px;top:50px;}
-
+
#nav_bar_full_04{left: 500px;top:50px;}
-
<div id="navigation">
+
#nav_bar_full_05{left: 675px;top:50px;}
-
    <ul>
+
#nav_bar_full_06{left: 820px;top:50px;}
-
    <li><a href="#">Project</a></li>
+
#nav_bar a{text-decoration:none;color:#000;}
-
    <li><a href="#">Notebook</a></li>
+
#nav_bar a:hover{text-decoration:none;color:#f00;}
-
<li><a href="#">Judging</a></li>
+
.nav_bar {
-
    <li><a href="#">Team</a></li>
+
position:absolute;
-
    <li><a href="#">P&P </a></li>
+
width:150px;
-
    <li><a href="#">Safety</a></li>
+
height:130px;
-
</ul>
+
-webkit-transition: -webkit-transform 1s ease-out;
-
 
+
/* -moz-transition: -moz-transform 1s ease-out;*/
-
    <p><img src="https://static.igem.org/mediawiki/2014/2/29/XMU-line.png" width="954" height="11" /></p>
+
-o-transition: -o-transform 1s ease-out;
-
    </div>
+
-ms-transition: -ms-transform 1s ease-out;
-
+
}
 +
.nav_bar:hover{
 +
transform: rotateZ(360deg);
 +
-ms-transform: rotateZ(360deg); /* IE 9 */
 +
-webkit-transform: rotateZ(360deg); /* Safari and Chrome */
 +
-o-transform: rotateZ(360deg); /* Opera */
 +
/* -moz-transform: rotateZ(360deg); /* Firefox */
 +
-webkit-transition: -webkit-transform 1s ease-out;
 +
/* -moz-transition: -moz-transform 1s ease-out;*/
 +
-o-transition: -o-transform 1s ease-out;
 +
-ms-transition: -ms-transform 1s ease-out;
 +
}
 +
#nav_bar_01{
 +
background-image:url("https://static.igem.org/mediawiki/2014/c/cf/Xmu_navbar_01.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:40px;
 +
}
 +
#nav_bar_02{
 +
background-image:url("https://static.igem.org/mediawiki/2014/1/1b/Xmu_navbar_02.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:190px;
 +
}
 +
#nav_bar_03{
 +
background-image:url("https://static.igem.org/mediawiki/2014/2/23/Xmu_navbar_03.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:337px;
 +
}
 +
#nav_bar_04{
 +
background-image:url("https://static.igem.org/mediawiki/2014/4/4b/Xmu_navbar_04.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:487px;
 +
}
 +
#nav_bar_05{
 +
background-image:url("https://static.igem.org/mediawiki/2014/0/06/Xmu_navbar_05.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:637px;
 +
}
 +
#nav_bar_06{
 +
background-image:url("https://static.igem.org/mediawiki/2014/0/06/Xmu_navbar_06.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:787px;
 +
}
 +
.navbar_main{position:relative;}
 +
.navbar_sub{
 +
position:absolute;
 +
list-style: none;
 +
padding-bottom:30px;
 +
text-align:center;
 +
font-size:18px;
 +
display:none;
 +
}
 +
.navbar_sub li{width:120px;margin-top:20px;height:30px;display:block;padding-top:10px;}
 +
.navbar_sub_x{position:absolute;width: 132px;}
 +
#navbar_main_01>.navbar_sub {
 +
border-left:6px #F0707B solid;
 +
border-right:6px #F0707B solid;
 +
left:50px;
 +
top:156px;
 +
}
 +
#navbar_main_01>.navbar_sub li{background:#f0707b;}
 +
#navbar_main_02>.navbar_sub{
 +
border-left:6px #d57590 solid;
 +
border-right:6px #d57590 solid;
 +
left:200px;
 +
top:156px;
 +
}
 +
#navbar_main_02>.navbar_sub li{background:#d57590;}
 +
#navbar_main_04>.navbar_sub{
 +
border-left:6px #a381c3 solid;
 +
border-right:6px #a381c3 solid;
 +
left:497px;
 +
top:156px;
 +
}
 +
#navbar_main_04>.navbar_sub li{background:#a381c3;}
 +
#navbar_main_05>.navbar_sub{
 +
border-left:6px #828fd8 solid;
 +
border-right:6px #828fd8 solid;
 +
left:647px;
 +
top:156px;
 +
}
 +
#navbar_main_05>.navbar_sub li{background:#828fd8;}
 +
#navbar_main_01 img{left:-6px;top:-37px;}
 +
#navbar_main_02 img{left:-6px;top:-35px;}
 +
#navbar_main_04 img{left:-6px;top:-39px;}
 +
#navbar_main_05 img{left:-6px;top:-38px;}
 +
#nav_bar_frame{position:relative;}
 +
.navbar_frame{position:absolute;z-index: 1;top:3px;}
 +
#navbar_frame_left{left:-120px;}
 +
#navbar_frame_right{right:-120px;top:4px;}
 +
 +
/*side_bar*/
 +
#side_bar{
 +
position:fixed;
 +
bottom:75px;
 +
left:20px;
 +
font-size:20px;
 +
width: 160px;
 +
}
 +
#side_bar_main_1{
 +
list-style: none;
 +
border-left:#4f5faa 5px solid;
 +
border-right:#4f5faa 5px solid;
 +
padding-top: 25px;
 +
padding-bottom:10px;
 +
}
 +
#side_bar_main_2{
 +
list-style: none;
 +
border-left:#4f5faa 5px solid;
 +
border-right:#4f5faa 5px solid;
 +
padding-top: 10px;
 +
padding-bottom:20px;
 +
margin-top:70px;
 +
}
 +
#side_bar ul{list-style: none;}
 +
#side_bar a{
 +
text-decoration:none;
 +
color:#fff;
 +
}
 +
#side_bar a:hover{
 +
text-decoration:none;
 +
color:#f00;
 +
}
 +
.sidebar_main{
 +
position:relative;
 +
width:150px;
 +
background:#4f5faa;
 +
text-align:center;
 +
margin-bottom:25px;
 +
}
 +
.sidebar_sub{
 +
position:absolute;
 +
left:170px;
 +
top:26px;
 +
border-right:#4f5faa 5px solid;
 +
display:none;
 +
}
 +
.sidebar_sub>li{
 +
background:#4f5faa;
 +
width: 100px;
 +
font-size:15px;
 +
margin-top:10px;
 +
}
 +
#side_bar_judging{
 +
margin-bottom:0px;
 +
}
 +
#side_bar_safety{
 +
margin-bottom:0px;
 +
}
 +
#side_bar_img_x{
 +
position:absolute;
 +
width:160px;
 +
top: 130px;
 +
}
 +
/*Project*/
 +
body {
 +
background:url(https://static.igem.org/mediawiki/2014/3/32/Xmu-background-wf.png);
 +
background-repeat:repeat;
 +
background-attachment:fixed;
 +
background-size:100%;
 +
-moz-background-size:100%;
 +
}
 +
#warp_Project{width:900px;margin:50px auto;font-family:Arial}
 +
#warp_navbar{z-index: 10;}
 +
#side_bar{z-index: 20;font-family:Arial}
 +
 +
.Team_title{position:absolute;width:300px;}
 +
 +
#ourTeam{position:relative;top:200px;width:800px;margin-left:-400px;left:50%;}
 +
#group{
 +
padding-left: 30px;
 +
padding-right: 30px;
 +
position:relative;
 +
top:150px;
 +
table-layout: fixed;
 +
word-wrap: break-word;
 +
word-break: normal;
 +
text-align:justify;
 +
text-justify:inter-ideograph;
 +
}
 +
#teamMember{position:relative;top:400px;width:800px;margin-left:-400px;left:50%;}
 +
#accordion{
 +
padding-left: 30px;
 +
padding-right: 30px;
 +
position:relative;
 +
top:190px;
 +
table-layout: fixed;
 +
word-wrap: break-word;
 +
word-break: normal;
 +
text-align:justify;
 +
text-justify:inter-ideograph;
 +
}
 +
 +
#menubar {
 +
    position: absolute;
 +
    white-space: nowrap;
 +
    top: -6px;
 +
    width: 400px;
 +
    z-index: 5;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
}
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
.left-menu:hover {
 +
    color: white;
 +
    background-color: #555555
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}
 +
#menubar ul {
 +
    color: #555555;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: white;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #5555FF;
 +
#}
 +
 +
.left-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu li {
 +
#    background-color: #606060;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: white;
 +
    background-color: #606060;
 +
}
 +
.right-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: underline;
 +
}
 +
 
 +
</style>
 +
<script src="http://code.jquery.com/jquery-latest.js"></script> 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("style").first().remove();
 +
$(".navbar_main").mouseenter(function(){
 +
var nav_bar_hover_target = $(this);
 +
nav_bar_hover_target.children(".navbar_sub").slideDown();
 +
$(".navbar_main").mouseleave(function(){
 +
var nav_bar_hoveroff_target = $(this);
 +
nav_bar_hoveroff_target.children(".navbar_sub").slideUp();
 +
});
 +
});
 +
$(".sidebar_main").mouseenter(function(){
 +
var side_bar_hover_target = $(this);
 +
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
 +
if(sidebar_sub_hover_display = "none"){
 +
side_bar_hover_target.animate({width:"275px"},200);
 +
side_bar_hover_target.children(".sidebar_sub").slideDown("normal");
 +
};
 +
$(".sidebar_main").mouseleave(function(){
 +
var side_bar_hoveroff_target = $(this);
 +
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
 +
if(sidebar_sub_hover_display = "block"){
 +
side_bar_hover_target.children(".sidebar_sub").slideUp(100);
 +
side_bar_hover_target.animate({width:"150px"},100);
 +
}
 +
});
 +
 +
});
 +
});
 +
</script>
 +
</head>
 +
 
 +
<body>
 +
<div id="warp_Project">
 +
<!--navbar-->
 +
<div id="warp_navbar">
 +
<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_right" src="https://static.igem.org/mediawiki/2014/b/b5/Xmu_navbar_right.png" />
 +
</div>
 +
<div id="nav_bar">
 +
<ul id="nav_bar_main">
 +
<li id="navbar_main_01" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/Project"><span class="nav_bar" id="nav_bar_01"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project" class="nav_bar_full" id="nav_bar_full_01">Project</a>
 +
<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" />
 +
<li><a href="#Project_background">Background</a></li>
 +
<li><a href="#Project_Circuits_Design">Design</a></li>
 +
<li><a href="#Project_">Modelling</a></li>
 +
<li><a href="#">Results</a></li>
 +
<li><a href="#">Application</a></li>
 +
<li><a href="#">Interlab</a></li>
 +
<li><a href="#">Future</a></li>
 +
</ul>
 +
</li>
 +
<li id="navbar_main_02" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/p&p"><span class="nav_bar" id="nav_bar_02"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/p&p" class="nav_bar_full" id="nav_bar_full_02">P&amp;P</a>
 +
<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" />
 +
<li><a href="#">HP</a></li>
 +
<li><a href="#">Newsletter</a></li>
 +
<li><a href="#">Communication</a></li>
 +
<li><a href="#">Acknowledge</a></li>
 +
</ul>
 +
</li>
 +
<li id="navbar_main_03" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/judging"><span class="nav_bar" id="nav_bar_03"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/judging" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
 +
</li>
 +
<li id="navbar_main_04" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/notebook"><span class="nav_bar" id="nav_bar_04"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/notebook" class="nav_bar_full" id="nav_bar_full_04">Notebook</a>
 +
<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" />
 +
<li><a href="https://2014.igem.org/Team:XMU-China/notebook#labNote">Lab notes</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/notebook#caption">Calendar</a></li>
 +
</ul>
 +
</li>
 +
<li id="navbar_main_05" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/team"><span class="nav_bar" id="nav_bar_05"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/team" class="nav_bar_full" id="nav_bar_full_05">Team</a>
 +
<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" />
 +
<li><a href="https://2014.igem.org/Team:XMU-China/team#teamMember">Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/team#ourTeam">Gallery</a></li>
 +
</ul>
 +
</li>
 +
<li id="navbar_main_06" class="navbar_main">
 +
<a href="https://2014.igem.org/Team:XMU-China/safety"><span class="nav_bar" id="nav_bar_06"> </span></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/safety" class="nav_bar_full" id="nav_bar_full_06">Safety</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!--sidebar-->
 +
<div id="side_bar">
 +
<ul id="side_bar_main_1">
 +
<li class="sidebar_main">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/Project">Project</a></h3>
 +
<ul class="sidebar_sub">
 +
<li><a href="#">Background</a></li>
 +
<li><a href="#">Design</a></li>
 +
<li><a href="#">Modelling</a></li>
 +
<li><a href="#">Results</a></li>
 +
<li><a href="#">Application</a></li>
 +
<li><a href="#">Future</a></li>
 +
</ul>
 +
</li>
 +
<li class="sidebar_main">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/p&p">P&P</a></h3>
 +
<ul class="sidebar_sub">
 +
<li><a href="#">Human Practice</a></li>
 +
<li><a href="#">Newsletter</a></li>
 +
<li><a href="#">Communication</a></li>
 +
<li><a href="#">Acknowledge</a></li>
 +
</ul>
 +
</li>
 +
<li class="sidebar_main" id="side_bar_judging">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/judging">Judging</a></h3>
 +
</li>
 +
</ul>
 +
<img id="side_bar_img_x" src="https://static.igem.org/mediawiki/2014/2/24/Xmu_sidebar_x.png" />
 +
<ul id="side_bar_main_2">
 +
<li class="sidebar_main">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/notebook">Notebook</a></h3>
 +
<ul class="sidebar_sub">
 +
<li><a href="#">Lab notes</a></li>
 +
<li><a href="#">Calendar</a></li>
 +
</ul>
 +
</li>
 +
<li class="sidebar_main">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/team">Team</a></h3>
 +
<ul class="sidebar_sub">
 +
<li><a href="#">Members</a></li>
 +
<li><a href="#">Gallery</a></li>
 +
</ul>
 +
</li>
 +
<li class="sidebar_main" id="side_bar_safety">
 +
<h3><a href="https://2014.igem.org/Team:XMU-China/safety">Safety</a></h3>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="ourTeam">
<div id="ourTeam">
-
    <ul>
+
<img id="Gallery_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/a/a9/Xmu_project_background.png"/>
-
  <p>Our team</p>
+
-
  <br/>
+
  <!--增加了图片阴影-->
  <!--增加了图片阴影-->
-
  <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" />
+
<div id="group">
-
    </ul>
+
<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" />
-
    </div>
+
</div>
 +
</div>
 
 
Line 126: Line 570:
 
 
<div id="teamMember">
<div id="teamMember">
-
    <ul>
+
<img id="Gallery_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/a/a9/Xmu_project_background.png"/>
-
  <p>Team member</p>
+
 
-
  <br/>
+
-
+
-
    </ul>
+
-
    </div>
+
 
 
     <div id="accordion">
     <div id="accordion">
Line 212: Line 652:
  </div>    
  </div>    
     </div>
     </div>
 +
</div>
 +
-
<div class="shadow-l"><img src="https://static.igem.org/mediawiki/2014/0/0c/Shadow-l.png" /></div>
 
-
    <div class="shadow-r"><img src="https://static.igem.org/mediawiki/2014/1/18/XMU-shadow-r.png" /></div>
 
-
<div class="shadow-b"><img src="https://static.igem.org/mediawiki/2014/d/d7/XMU_shadow-b.png" /></div>
 
 
 
<!--回到顶页的小图标-->
<!--回到顶页的小图标-->
-
<div id="gototop" style="width:60px; top:500px; right:25px; cursor:pointer; position:absolute;">
+
<div id="gototop" style="width:60px; top:450px; right:25px; cursor:pointer; position:absolute;">
       <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
       <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
</div>
</div>
Line 244: Line 683:
    $(document).ready(function() {
    $(document).ready(function() {
   
   
-
    //先将小图标隐藏
 
    $("#gototop").hide();
    $("#gototop").hide();
-
    //当滚动条的位置于距顶部500px以下时，跳转小图标出现，否则消失
 
$(window).scroll(function(){
$(window).scroll(function(){
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
else {$("#gototop").fadeOut();}
else {$("#gototop").fadeOut();}
});
});
-
    //当点击跳转链接后，回到顶页
 
    $("#gototop").click(function(){
    $("#gototop").click(function(){
  $('body,html').animate({scrollTop:0},500);  
  $('body,html').animate({scrollTop:0},500);  
Line 258: Line 694:
  });
  });
</script>
</script>
-
+
-
<!--小图标跟随滚动轴移动-->
+
 
-
<script type="text/javascript">
+
 
-
      lastScrollY = 0;
+
<!--侧边栏自动显示和隐藏的功能-->
-
      function backTop(){
+
<script type="text/javascript">
-
        var diffY;
+
    $(document).ready(function() {
-
        if (document.documentElement && document.documentElement.scrollTop)
+
 
-
          diffY = document.documentElement.scrollTop;
+
    $("#side_bar").hide();
-
        else if (document.body)
+
-
          diffY = document.body.scrollTop;  //获取网页被卷去的高度
+
-
        else
+
-
          {/*Netscape stuff*/}
+
-
          //alert(diffY);
+
-
        percent=.1*(diffY-lastScrollY);  //获取滚动的百分比
+
-
        if(percent>0)
+
-
    percent = Math.ceil(percent);  //百分比向上类型转换
+
-
        else 
+
-
    percent = Math.floor(percent);  //百分比向下类型转换
+
-
        document.getElementById("gototop").style.top = parseInt(document.getElementById("gototop").style.top)+percent+"px";
+
-
        lastScrollY = lastScrollY+percent;
+
-
      }
+
-
        window.setInterval("backTop()",50); //这里的50表示50毫秒执行一次这个函数
+
-
    </script>
+
-
+
-
<div id="sponsor">
+
-
  <ul>
+
-
  Sponsor
+
-
  </ul>
+
-
</div>
+
-
<div id="icon">
+
$(window).scroll(function(){
-
  <img />
+
if ($(window).scrollTop()>300) {$("#side_bar").fadeIn();}
-
</div>
+
else {$("#side_bar").fadeOut();}
-
+
});
-
<div class="footer">
+
 
-
  <ul>
+
  });
-
  </ul>
+
</script>
-
</div>
+
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&amp;ctype=text/javascript"></script>
-
+
-
+
</body>
-
</div>
+
-
</div>
+
-
 
+
-
</body>
+
</html>
</html>

Latest revision as of 09:59, 14 October 2014

Team

Group Photo

    Try to click on me in the Picture !

Jianxing Huang

sdadsaddsdsadadaddsdasdsadasdsdadadsdadsdsdadeqwesdsadasdwesadaaaczxcsdseqwedasdad weqwdsafadaeqwesdasdadsaddsdsadadaddsdasdsadasdsdadadsdadsdsdadeqwesdsadasdwesadaa aczxcsdseqwedasdadweqwdsafadaeqwesda

Xifeng Guo

daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq dadwewqweadasdasdasdasdsdewqeqeqeqwe

Chun Tang

daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq dadwewqweadasdasdasdasdsdewqeqeqeqwe

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

Chun Tang

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