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