Team:BIT-China

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
 +
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
 +
{ display:none; }
 +
#globalWrapper {
 +
padding:0; top:0px;
 +
margin:0px;
 +
font-size:100%;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
-
<!--main content -->
+
#top-section{
-
<table width="70%" align="center">
+
height:0px;
 +
border:none;
 +
width:100%; }
 +
#content{
 +
width:100%!important;
 +
border-left:none; border-right: none;
 +
padding:1px 0px 0px 0px!important;
 +
background-color:#f7f7f5;
 +
height:0px;
 +
}
 +
#contentSub {
 +
    position:absolute;
 +
}
-
<tr>
+
#menubar {
 +
position:absolute;
 +
top: -5px;
 +
line-height: 1em;
 +
font-family: sans-serif;
 +
font-size: 95%;
 +
white-space: nowrap;
 +
z-index: 200;
-
<!--navigation menu -->
+
}
-
<td align="center" colspan="3">
+
#menubar:hover{
 +
background-color: #555;
 +
top:0px;
 +
}
 +
.right-menu {
 +
position:absolute;
 +
width:1500px;
 +
right:100px;
 +
height:30px;
 +
font-size:14px;
 +
color:#999;
 +
text-align: right;
 +
text-transform: lowercase;
 +
}
-
<table  width="100%">
+
.right-menu:hover {
-
<tr heigth="15px"></tr>
+
color: white;
-
<tr heigth="75px">
+
background-color: #555;
 +
}
 +
.right-menu li{
 +
float:left;
 +
}
 +
.right-menu li a{
 +
color:#ccc;
 +
background-color: transparent;
 +
text-decoration:none;
 +
}
 +
.right-menu li a:hover{
 +
text-decoration:none;
 +
color:white;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu {
-
<a href="https://2014.igem.org/Team:BIT-China"style="color:#000000">Home </a> </td>
+
height:30px;
 +
left: 0px;
 +
text-align: left;
 +
color: transparent;
 +
text-transform: lowercase;
 +
padding-left:20px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu a {
-
<a href="https://2014.igem.org/Team:BIT-China/Team"style="color:#000000"> Team </a> </td>
+
left: 0px; text-align: left; color: transparent; text-transform: lowercase; font-size:14px;
 +
}
 +
.left-menu:hover {
 +
color: white; background-color: rgb(85, 85, 85);
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=BIT-China"style="color:#000000"> Official Team Profile </a></td>
+
color:#FFF;
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
text-decoration:none;
-
<a href="https://2014.igem.org/Team:BIT-China/Project"style="color:#000000"> Project</a></td>
+
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li {
-
<a href="https://2014.igem.org/Team:BIT-China/Parts"style="color:#000000"> Parts</a></td>
+
color: transparent;float:left; margin-right:10px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a:hover{
-
<a href="https://2014.igem.org/Team:BIT-China/Modeling"style="color:#000000"> Modeling</a></td>
+
text-decoration:none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.menubar ul,li{ list-style:none; margin-bottom:0 !important;}
-
<a href="https://2014.igem.org/Team:BIT-China/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:BIT-China/Safety"style=" color:#000000"> Safety </a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</style>
-
<a href="https://2014.igem.org/Team:BIT-China/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
</html>
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>BIT-CHINA</title>
 +
<style type="text/css">
 +
@charset "utf-8";
 +
/* CSS Document */
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
body{
 +
background:#338FC4 repeat;
 +
background-image:url(https://static.igem.org/mediawiki/2014/archive/e/ef/20141015091634%21BIT-CHINA_diwen.png);
 +
}
 +
.nav{
 +
position:absolute;
 +
left:150px;
 +
top:15px;
 +
width:1024px;
 +
border:0px #00FF00 solid;
 +
}
 +
.pic{
 +
position:absolute;
 +
border:0px #FF0000 solid;
 +
cursor:pointer;
 +
-webkit-transition:all 0.2s linear;
 +
-ms-transition:all 0.2s linear;
 +
-o-transition:all 0.2s linear;
 +
-moz-transition:all 0.2s linear;
 +
transition:all 0.2s linear;
 +
}
 +
#pic1{
 +
top:100px;
 +
left:180px;
 +
z-index:1;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
#pic2{
-
</tr>
+
top:90px;
-
</table>
+
left:210px;
 +
z-index:1;
 +
}
 +
#pic3{
 +
top:207px;
 +
left:104px;
 +
z-index:1;
 +
}
 +
#pic4{
 +
top:318px;
 +
left:100px;
 +
z-index:1;
 +
}
 +
#pic5{
 +
top:425px;
 +
left:115px;
 +
z-index:1;
 +
}
 +
#pic6{
 +
top:208px;
 +
left:640px;
 +
z-index:1;
 +
}
 +
#pic7{
 +
top:320px;
 +
left:739px;
 +
z-index:1;
 +
}
 +
#pic8{
 +
top:428px;
 +
left:740px;
 +
z-index:1;
 +
}
 +
#pic9{
 +
top:529px;
 +
left:190px;
 +
z-index:1;
 +
}
 +
.circle{
 +
position:absolute;
 +
border:0px rgba(255,255,255,1) solid;
 +
margin:0px auto;
 +
top:170px;
 +
left:310px;
 +
width:430px;
 +
height:364px;
 +
text-align:center;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
-
<!--end navigation menu -->
+
.circle_pic{
-
</tr>
+
position:absolute;
 +
}
 +
.logo{
 +
left:85px;
 +
top:45px;
 +
position:absolute;
 +
display:block;
 +
border:0px #FF0000 dashed;
 +
width:250px;
 +
height:250px;
 +
z-index:999;
 +
-webkit-transition:all 0.3s linear;
 +
-ms-transition:all 0.3s linear;
 +
-o-transition:all 0.3s linear;
 +
-moz-transition:all 0.3s linear;
 +
transition:all 0.3s linear;
 +
}
 +
.logo_opacity{
 +
opacity:0;
 +
}
 +
.bg_opacity{
 +
opacity:0.5;
 +
}
 +
#middle{
 +
left:0px;
 +
top:0px;
 +
}
 +
#red{
 +
left:125px;
 +
top:67px;
 +
z-index:2;
 +
animation: myred 8s linear infinite;
 +
-webkit-animation:myred 8s linear 0s infinite;
 +
-moz-animation: myred 8s linear 0s infinite;
 +
}
 +
#green{
 +
left:138px;
 +
top:98px;
 +
z-index:3;
 +
animation: mygreen 8s linear infinite;
 +
-webkit-animation:mygreen 8s linear 0s infinite;
 +
-moz-animation: mygreen 8s linear 0s infinite;
 +
}
 +
#yellow{
 +
left:111px;
 +
top:126px;
 +
z-index:4;
 +
animation: myred 8s linear infinite;
 +
-webkit-animation:myred 8s linear 0s infinite;
 +
-moz-animation: myred 8s linear 0s infinite;
 +
}
 +
@-webkit-keyframes myred{
 +
0% {-webkit-transform:rotate(0deg); }
 +
100% {-webkit-transform:rotate(180deg) ;}
 +
}
 +
@-moz-keyframes myred{
 +
0% {-moz-transform:rotate(0deg); }
 +
100% {-moz-transform:rotate(180deg) ;}
 +
}
 +
@keyframes myred{
 +
0% {transform:rotate(0deg); }
 +
100% {transform:rotate(180deg) ;}
 +
}
 +
@-ms-keyframes myred{
 +
0% {-ms-transform:rotate(0deg); }
 +
100% {-ms-transform:rotate(180deg) ;}
 +
}
 +
@-webkit-keyframes mygreen{
 +
0% {-webkit-transform:rotate(180deg); }
 +
100% {-webkit-transform:rotate(0deg) ;}
 +
}
 +
@-moz-keyframes mygreen{
 +
0% {-moz-transform:rotate(180deg); }
 +
100% {-moz-transform:rotate(0deg) ;}
 +
}
 +
@keyframes mygreen{
 +
0% {transform:rotate(180deg); }
 +
100% {transform:rotate(0deg) ;}
 +
}
 +
@-ms-keyframes mygreen{
 +
0% {-ms-transform:rotate(180deg); }
 +
100% {-ms-transform:rotate(0deg) ;}
 +
}
 +
.pic_project{
 +
background-image:url(https://static.igem.org/mediawiki/2014/0/05/BIT-CHINA_Project1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_modeling{
 +
background-image:url(https://static.igem.org/mediawiki/2014/b/b4/BIT-CHINA_Modeling1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_judging{
 +
background-image:url(https://static.igem.org/mediawiki/2014/f/f9/BIT-CHINA_Judging1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_notebook{
 +
background-image:url(https://static.igem.org/mediawiki/2014/2/2d/BIT-CHINA_Notebook1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_practice{
 +
background-image:url(https://static.igem.org/mediawiki/2014/4/4d/BIT-CHINA_Practice1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_team{
 +
background-image:url(https://static.igem.org/mediawiki/2014/2/2d/BIT-CHINA_Team1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_safety{
 +
background-image:url(https://static.igem.org/mediawiki/2014/e/ed/BIT-CHINA_Safety1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_sponsor{
 +
background-image:url(https://static.igem.org/mediawiki/2014/c/c2/BIT-CHINA_Sponsor1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
#intro{
 +
-webkit-transition:all 1s linear;
 +
-ms-transition:all 1s linear;
 +
-o-transition:all 1s linear;
 +
-moz-transition:all 1s linear;
 +
transition:all 1s linear;
 +
}
 +
#hand{
 +
top:10px;
 +
left:200px;
 +
}
 +
#name{
 +
top:45px;
 +
left:0px;
 +
}
 +
</style>
 +
<script type="text/javascript" src="http://code.hs-cn.com/jquery/jquery-1.7.1.min.js"></script>
 +
<script type="text/javascript">
 +
function changetop00()
 +
{
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2014/9/95/BIT-CHINA_TOP01.png";
 +
}
 +
function changetop01()
 +
{
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2014/6/65/BIT-CHINA_TOP00.png";
 +
}
 +
function changeleft00(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2014/4/48/BIT-CHINA_LEFT01.png";
 +
<!--document.getElementById("middle").src="img/BIT-CHINA lg.png";-->
 +
}
 +
function changeleft01(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2014/d/d8/BIT-CHINA_LEFT00.png";
 +
<!--document.getElementById("middle").src="img/logo(XIII).png"; -->
 +
}
 +
function changebottom00(){
 +
document.getElementById("pic9").src="https://static.igem.org/mediawiki/2014/2/28/BIT-CHINA_BOTTOM01.png";
 +
}
 +
function changebottom01(){
 +
document.getElementById("pic9").src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_BOTTOM00.png";
 +
}
 +
function changeright20(){
 +
document.getElementById("pic8").src="https://static.igem.org/mediawiki/2014/3/3f/BIT-CHINA_RIGHT21.png";
 +
}
 +
function changeright21(){
 +
document.getElementById("pic8").src="https://static.igem.org/mediawiki/2014/1/12/BIT-CHINA_RIGHT20.png";
 +
}
 +
function changeright10(){
 +
document.getElementById("pic7").src="https://static.igem.org/mediawiki/2014/9/90/BIT-CHINA_RIGHT11.png";
 +
}
 +
function changeright11(){
 +
document.getElementById("pic7").src="https://static.igem.org/mediawiki/2014/7/72/BIT-CHINA_RIGHT10.png";
 +
}
 +
function changeright00(){
 +
document.getElementById("pic6").src="https://static.igem.org/mediawiki/2014/0/0e/BIT-CHINA_RIGHT01.png";
 +
}
 +
function changeright01(){
 +
document.getElementById("pic6").src="https://static.igem.org/mediawiki/2014/0/06/BIT-CHINA_RIGHT00.png";
 +
}
 +
function changeleft10(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2014/f/fb/BIT-CHINA_LEFT11.png";
 +
}
 +
function changeleft11(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2014/9/91/BIT-CHINA_LEFT10.png";
 +
}
 +
function changeleft20(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2014/0/01/BIT-CHINA_LEFT21.png";
 +
}
 +
function changeleft21(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_LEFT20.png";
 +
}
-
 
+
$(document).ready(function() {
-
</tr>
+
$("#pic3").mouseover(function(){
-
+
    $('#intro').addClass("pic_project",500);
-
 
+
$('#start_logo').addClass("logo_opacity",300);
-
 
+
$("#pic1").addClass("bg_opacity",500);
-
 
+
});
-
 
+
$("#pic3").mouseout(function(){
-
</td>
+
$('#intro').removeClass("pic_project",500);
-
 
+
$('#start_logo').removeClass('logo_opacity',300);
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
$("#pic1").removeClass("bg_opacity",500);
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
});
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
$("#pic4").mouseover(function(){
-
 
+
    $('#intro').addClass("pic_modeling",500);
-
 
+
$('#start_logo').addClass("logo_opacity",300);
-
<!--requirements section -->
+
$("#pic1").addClass("bg_opacity",500);
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
});
-
<tr>
+
$("#pic4").mouseout(function(){
-
<td width="45%" valign="top">
+
$('#intro').removeClass("pic_modeling",500);
-
 
+
$('#start_logo').removeClass('logo_opacity',300);
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
$("#pic1").removeClass("bg_opacity",500);
-
 
+
});
-
<!-- Links to other team pages -->
+
$("#pic5").mouseover(function(){
-
<ul>
+
    $('#intro').addClass("pic_judging",500);
-
<li><a href="https://2014.igem.org/Team:BIT-China">Home</a> </li>
+
$('#start_logo').addClass("logo_opacity",300);
-
<li><a href="https://2014.igem.org/Team:BIT-China/Team">Team</a> </li>
+
$("#pic1").addClass("bg_opacity",500);
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=BIT-China">Official Team Profile</a> </li>
+
});
-
<li><a href="https://2014.igem.org/Team:BIT-China/Project">Project</a> </li>
+
$("#pic5").mouseout(function(){
-
<li><a href="https://2014.igem.org/Team:BIT-China/Parts">Parts</a> </li>
+
$('#intro').removeClass("pic_judging",500);
-
<li><a href="https://2014.igem.org/Team:BIT-China/Modeling">Modeling</a> </li>
+
$('#start_logo').removeClass('logo_opacity',300);
-
<li><a href="https://2014.igem.org/Team:BIT-China/Notebook">Notebook</a> </li>
+
$("#pic1").removeClass("bg_opacity",500);
-
<li><a href="https://2014.igem.org/Team:BIT-China/Safety">Safety</a> </li>
+
});
-
<li><a href="https://2014.igem.org/Team:BIT-China/Attributions">Attributions</a> </li>
+
$("#pic6").mouseover(function(){
-
 
+
    $('#intro').addClass("pic_notebook",500);
-
</ul>
+
$('#start_logo').addClass("logo_opacity",300);
-
 
+
$("#pic1").addClass("bg_opacity",500);
-
</td>
+
});
-
 
+
$("#pic6").mouseout(function(){
-
<td > </td>
+
$('#intro').removeClass("pic_notebook",500);
-
<td width="45%">
+
$('#start_logo').removeClass('logo_opacity',300);
-
 
+
$("#pic1").removeClass("bg_opacity",500);
-
<p>There are a few wiki requirements teams must follow:</p>
+
});
-
<ul>
+
$("#pic7").mouseover(function(){
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
    $('#intro').addClass("pic_practice",500);
-
<li>All pages must be created under the team’s name space.</li>
+
$('#start_logo').addClass("logo_opacity",300);
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
$("#pic1").addClass("bg_opacity",500);
-
<li>Do not use flash in wiki code. </li>
+
});
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
$("#pic7").mouseout(function(){
-
</ul>
+
$('#intro').removeClass("pic_practice",500);
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
$('#start_logo').removeClass('logo_opacity',300);
-
 
+
$("#pic1").removeClass("bg_opacity",500);
-
</td>
+
});
-
</tr>
+
$("#pic8").mouseover(function(){
-
 
+
    $('#intro').addClass("pic_team",500);
-
<img src="https://static.igem.org/mediawiki/2014/4/4c/Bitchina-description.png"></img>
+
$('#start_logo').addClass("logo_opacity",300);
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
$("#pic1").addClass("bg_opacity",500);
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
});
-
 
+
$("#pic8").mouseout(function(){
-
 
+
$('#intro').removeClass("pic_team",500);
-
<!--tips  -->
+
$('#start_logo').removeClass('logo_opacity',300);
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
$("#pic1").removeClass("bg_opacity",500);
-
 
+
});
-
<tr>
+
$("#pic9").mouseover(function(){
-
<td width="45%" valign="top">
+
    $('#intro').addClass("pic_sponsor",500);
-
<p>We are currently working on providing teams with some easy to use design templates.
+
$('#start_logo').addClass("logo_opacity",300);
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
$("#pic1").addClass("bg_opacity",500);
-
 
+
});
-
<ul>
+
$("#pic9").mouseout(function(){
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
$('#intro').removeClass("pic_sponsor",500);
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
$('#start_logo').removeClass('logo_opacity',300);
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
$("#pic1").removeClass("bg_opacity",500);
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
});
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
$("#pic2").mouseover(function(){
-
</ul>
+
    $('#intro').addClass("pic_safety",500);
-
 
+
$('#start_logo').addClass("logo_opacity",300);
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
$("#pic1").addClass("bg_opacity",500);
-
</td>
+
});
-
 
+
$("#pic2").mouseout(function(){
-
<td> </td>
+
$('#intro').removeClass("pic_safety",500);
-
<td width="45%">
+
$('#start_logo').removeClass('logo_opacity',300);
-
 
+
$("#pic1").removeClass("bg_opacity",500);
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
});
-
 
+
},500);
-
<ul>
+
</script>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</head>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
<body>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<div class="nav" onmouseover="fadeout()">
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
  <img class="pic" src="https://static.igem.org/mediawiki/2014/a/a6/BIT-CHINA_MIDDLE.png" id="pic1"/>
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
  <a href="https://2014.igem.org/Team:BIT-China/Safety"><img class="pic" src="https://static.igem.org/mediawiki/2014/6/65/BIT-CHINA_TOP00.png"  id="pic2" onmouseover="changetop00()" onmouseout="changetop01()" /></a>
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
    <a href="https://2014.igem.org/Team:BIT-China/Project"><img class="pic" src="https://static.igem.org/mediawiki/2014/d/d8/BIT-CHINA_LEFT00.png" id="pic3" onmouseover="changeleft00()" onmouseout="changeleft01()"/></a>
-
<li>Have lots of fun! </li>
+
      <a href="https://2014.igem.org/Team:BIT-China/Modeling"><img class="pic" src="https://static.igem.org/mediawiki/2014/9/91/BIT-CHINA_LEFT10.png" id="pic4" onmouseover="changeleft10()" onmouseout="changeleft11()" /></a>
-
</ul>
+
        <a href="https://2014.igem.org/Team:BIT-China/Judging"><img class="pic" src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_LEFT20.png"  id="pic5" onmouseover="changeleft20()" onmouseout="changeleft21()"/></a>
-
</br>
+
        <a href="https://2014.igem.org/Team:BIT-China/Notebook"><img class="pic" src="https://static.igem.org/mediawiki/2014/0/06/BIT-CHINA_RIGHT00.png" id="pic6" onmouseover="changeright00()" onmouseout="changeright01()"/></a>
-
</td>
+
        <a href="https://2014.igem.org/Team:BIT-China/Practice"><img class="pic" src="https://static.igem.org/mediawiki/2014/7/72/BIT-CHINA_RIGHT10.png" id="pic7" onmouseover="changeright10()" onmouseout="changeright11()" /></a>
-
</tr>
+
        <a href="https://2014.igem.org/Team:BIT-China/Team"><img class="pic" src="https://static.igem.org/mediawiki/2014/1/12/BIT-CHINA_RIGHT20.png" id="pic8" onmouseover="changeright20()" onmouseout="changeright21()" /></a>
-
</table>
+
        <a href="https://2014.igem.org/Team:BIT-China/Sponsor"><img class="pic" src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_BOTTOM00.png" id="pic9" onmouseover="changebottom00()" onmouseout="changebottom01()" /></a>
 +
        <div class="circle" id="intro">
 +
        <div class="logo" id="start_logo">
 +
            <img class="circle_pic" id="middle" src="https://static.igem.org/mediawiki/2014/b/b6/Logo_no.png" />
 +
        <img class="circle_pic" id="red" src="https://static.igem.org/mediawiki/2014/3/31/Red.png" />
 +
        <img class="circle_pic" id="green" src="https://static.igem.org/mediawiki/2014/7/72/Green.png"/>
 +
        <img class="circle_pic" id="yellow" src="https://static.igem.org/mediawiki/2014/9/92/Yellow.png" />
 +
        </div>
 +
        </div>
 +
        <img class="pic" id="hand" src="https://static.igem.org/mediawiki/2014/c/c9/BIT-CHINA_Lock_Hand.png" />
 +
        <img class="pic" id="name" src="https://static.igem.org/mediawiki/2014/d/d1/BIT-CHINA_clcok.png" />
 +
      <div><a href="https://www.youtube.com/watch?v=2x96XQ03Tno&feature=youtu.be"><img src="https://static.igem.org/mediawiki/2014/e/e5/BIT-CHINA_TV1.png" style="position:fixed;top:100px;right:100px"></a></div>
 +
    </div>
 +
   
 +
   
 +
</body>
 +
</html>

Latest revision as of 03:37, 18 October 2014

BIT-CHINA