Team:XMU-China/team
From 2014.igem.org
(Difference between revisions)
(24 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html lang= | + | <html lang="en"> |
- | <head> | + | <head> |
- | + | <meta charset="utf-8"> | |
- | + | ||
- | + | <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame | |
- | + | Remove this if you use the .htaccess --> | |
- | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
- | + | ||
- | + | <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&ctype=text/css" type="text/css" /> | |
- | + | <meta name="viewport" content="width=device-width; initial-scale=1.0"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | html, body, .wrapper { /*-- changes default wiki settings --*/ | + | <style type="text/css"> |
- | + | #siteSub{display:none} | |
- | + | #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;} | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /*nav_bar*/ | ||
+ | #warp_navbar{position:relative;} | ||
+ | #nav_bar_main{list-style:none;position:relative;left:-40px;} | ||
+ | .nav_bar_full{ | ||
+ | position:absolute; | ||
+ | font-size: 30px; | ||
+ | text-decoration: none; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | #nav_bar_full_01{left: 70px;top:50px;} | ||
+ | #nav_bar_full_02{left: 235px;top:50px;} | ||
+ | #nav_bar_full_03{left: 360px;top:50px;} | ||
+ | #nav_bar_full_04{left: 500px;top:50px;} | ||
+ | #nav_bar_full_05{left: 675px;top:50px;} | ||
+ | #nav_bar_full_06{left: 820px;top:50px;} | ||
+ | #nav_bar a{text-decoration:none;color:#000;} | ||
+ | #nav_bar a:hover{text-decoration:none;color:#f00;} | ||
+ | .nav_bar { | ||
+ | position:absolute; | ||
+ | width:150px; | ||
+ | height:130px; | ||
+ | -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: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 class=" | + | <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" /> | |
- | <div id=" | + | <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> | |
- | </div> | + | <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&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"> | ||
- | + | <img id="Gallery_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/a/a9/Xmu_project_background.png"/> | |
- | + | ||
<!--增加了图片阴影--> | <!--增加了图片阴影--> | ||
- | + | <div id="group"> | |
- | + | <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> | ||
Line 156: | Line 570: | ||
<div id="teamMember"> | <div id="teamMember"> | ||
- | + | <img id="Gallery_title" class="Team_title" src="https://static.igem.org/mediawiki/2014/a/a9/Xmu_project_background.png"/> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div id="accordion"> | <div id="accordion"> | ||
Line 241: | Line 652: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
- | |||
- | |||
- | |||
<!--回到顶页的小图标--> | <!--回到顶页的小图标--> | ||
- | <div id="gototop" style="width:60px; top: | + | <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 284: | Line 694: | ||
}); | }); | ||
</script> | </script> | ||
- | + | ||
- | <!-- | + | |
- | + | ||
- | + | <!--侧边栏自动显示和隐藏的功能--> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function() { | |
- | + | ||
- | + | $("#side_bar").hide(); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $(window).scroll(function(){ | |
- | + | if ($(window).scrollTop()>300) {$("#side_bar").fadeIn();} | |
- | + | else {$("#side_bar").fadeOut();} | |
- | + | }); | |
- | + | ||
- | + | }); | |
- | + | </script> | |
- | + | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&ctype=text/javascript"></script> | |
- | + | ||
- | + | </body> | |
- | + | ||
- | + | ||
- | </body> | + | |
</html> | </html> |
Latest revision as of 09:59, 14 October 2014
Try to click on me in the Picture !
Jianxing Huang
sdadsaddsdsadada
ddsdasdsadasdsdadadsdadsdsdadeqwesdsadasd
wesadaaa
czxcsdseqwedasdad
weqwdsafadaeqwesdasdadsaddsdsadadaddsdasdsadasdsdadadsdadsdsdadeqwesdsadasdwesadaa
aczxcsdseqwedasdadweqwdsafadaeqwesda
Xifeng Guo
daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww
dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
dadwewqweadasdasdasdasdsdewqeqeqeqwe
Chun Tang
daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwww
dsadasddaddwwqeqwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
dadwewqweadasdasdasdasdsdewqeqeqeqwe