|
|
Line 42: |
Line 42: |
| </head> | | </head> |
| <body> | | <body> |
- | <div class="shell">
| |
- | <div class="border">
| |
- | <div id="header">
| |
- | <p id="color"></p>
| |
- | <!--<h1 id="logo"><a href="#" class="notext"></a></h1>-->
| |
- | <img id="igem_logo" src="https://static.igem.org/mediawiki/2014/9/90/Xmu_igem_logo.gif" style="position:absolute; right: 10px; top: 12px; width: 80px; height: 80px;">
| |
- | <img id="xmu_logo" src="https://static.igem.org/mediawiki/2014/5/54/XMU_LOGO2.png" style="position:absolute; left: -100px; top:25px; width: 250px; height: 250px;">
| |
- | <!--加入吉祥物大图-->
| |
- |
| |
| | | |
- | <div id="content" style="position:relative">
| |
- | <img id="wiki_bg" src="https://static.igem.org/mediawiki/2014/b/b9/XMU_color_piece4.png" style="position:relative; right: -10px; top: -70px;" >
| |
- | <a href="#">
| |
- | <img class="topic_img" id="safety" src="https://static.igem.org/mediawiki/2014/4/49/XMU_E_5.png" width="144px" height="195px" style="position: absolute; right: 182px; top: 474px; " />
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/1/17/XMU_5_0.png" style="position:absolute; left: 407px; top: 331px; width: 144px; height: 195px;">
| |
- | </a>
| |
- | <a href="#">
| |
- | <img class="topic_img" id="team" src="https://static.igem.org/mediawiki/2014/1/12/XMU_E_1.png" style="position: absolute; left: 513px; top: 213px;">
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/8/8f/XMU_1_0.png" style="position:absolute; right: 26px; top: 80px; width: 144px; height: 195px;">
| |
- | </a>
| |
- | <a href="#">
| |
- | <img class="topic_img" id="home" src="https://static.igem.org/mediawiki/2014/1/17/XMU_E_2.png" style="position: absolute; right: 144px; top: 228px;" >
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/fc/XMU_2_0.png" style="position:absolute; left: 374px; top: 86px; width: 144px; height: 195px;">
| |
- | </a>
| |
- | <a href="#">
| |
- | <img class="topic_img" id="project" src="https://static.igem.org/mediawiki/2014/5/58/XMU_E_4.png" width="213" height="168" style="position: absolute; right: -225px; top: 380px;" />
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/5/53/XMU_3_0.png" style="position:absolute; right: -90px; top: 228px; width: 144px; height: 195px;">
| |
- | </a>
| |
- | <a href="#">
| |
- | <img class="topic_img" id="humanp_ractice" src="https://static.igem.org/mediawiki/2014/7/7b/XMU_E_3.png" style="position: absolute; right: -157px; top: 495px;" />
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/c/c5/XMU_4_0.png" style="position:absolute; right: 51px; top: 365px; width: 144px; height: 195px;">
| |
- | </a>
| |
- | <a href="#">
| |
- | <img class="topic_img" id="notebook" src="https://static.igem.org/mediawiki/2014/3/3c/XMU_E_6.png" style="position: absolute; right: 340px; top: 345px;">
| |
- | <img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/ff/XMU_6_0.png" style="position:absolute; left: 226px; top: 223px; width: 144px; height: 195px;">
| |
- | </a>
| |
- |
| |
- | <div class="cl"> </div>
| |
- | </div>
| |
- | <div class="navBar">
| |
- | <ul class="nav clearfix">
| |
- | <li class="m">
| |
- | <h3><a class="navigation_bar" href=#>Home</a></h3>
| |
- | <ul class="sub">
| |
- | <li><a class="navigation_bar" href=#>Overview</a></li>
| |
- | <li><a class="navigation_bar" href=#>Background</a></li>
| |
- | <li><a class="navigation_bar" href=#>Design</a></li>
| |
- | <li><a class="navigation_bar" href=#>Future work</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="m">
| |
- | <h3><a class="navigation_bar" href=#>Project</a></h3>
| |
- | <ul class="sub">
| |
- | <li><a class="navigation_bar" href=#>Overview</a></li>
| |
- | <li><a class="navigation_bar" href=#>Background</a></li>
| |
- | <li><a class="navigation_bar" href=#>Design</a></li>
| |
- | <li><a class="navigation_bar" href=#>Future work</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="m">
| |
- | <h3><a class="navigation_bar" href=#>Team</a></h3>
| |
- | <ul class="sub" style="display: none;">
| |
- | <li><a class="navigation_bar" href=#>Our Team</a></li>
| |
- | <li><a class="navigation_bar" href=#>Our University</a></li>
| |
- | <li><a class="navigation_bar" href=#>Our Album</a></li>
| |
- | <li><a class="navigation_bar" href=#>Our Album</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="m">
| |
- | <h3><a class="navigation_bar" href=#>Outreach</a></h3>
| |
- | <ul class="sub" style="display: none;">
| |
- | <li><a class="navigation_bar" href=#>Abstract</a></li>
| |
- | <li><a class="navigation_bar" href=#>Human Practice</a></li>
| |
- | <li><a class="navigation_bar" href=#>Collaborations</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="m">
| |
- | <h3><a class="navigation_bar" class="navigation_bar" href=#>Notebook</a></h3>
| |
- | <ul class="sub" style="display: none;">
| |
- | <li><a class="navigation_bar" href=#>Wetlib Journal</a></li>
| |
- | <li><a class="navigation_bar" href=#>Timeline</a></li>
| |
- | <li><a class="navigation_bar" class="navigation_bar" href=#>Safety</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="block" style="left:251px;"></li>
| |
- | </ul>
| |
- | <div class="cl"> </div>
| |
- | </div>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div id="main">
| |
- | <div id="content" class="left">
| |
- | <div class="highlight">
| |
- | <br /><br /><br />
| |
| <tr> | | <tr> |
| <td> <h1 style="line-height: 19px; text-align: center;"> Project Description </h1></td> | | <td> <h1 style="line-height: 19px; text-align: center;"> Project Description </h1></td> |
Line 169: |
Line 75: |
| </div> | | </div> |
| </div> | | </div> |
- | <script type="text/javascript">
| |
- | $(function(){
| |
- | var nav = $(".nav");
| |
- | var init = $(".nav .m").eq(ind);
| |
- | var block = $(".nav .block");
| |
- | block.css({
| |
- | "left": init.position().left - 3
| |
- | });
| |
- | nav.hover(function() {},
| |
- | function() {
| |
- | block.stop().animate({
| |
- | "left": init.position().left - 3
| |
- | },
| |
- | 100);
| |
- | });
| |
- | $(".nav").slide({
| |
- | type: "menu",
| |
- | titCell: ".m",
| |
- | targetCell: ".sub",
| |
- | delayTime: 300,
| |
- | triggerTime: 0,
| |
- | returnDefault: true,
| |
- | defaultIndex: ind,
| |
- | startFun: function(i, c, s, tit) {
| |
- | block.stop().animate({
| |
- | "left": tit.eq(i).position().left - 3
| |
- | },
| |
- | 100);
| |
- | }
| |
- | });
| |
- | });
| |
- |
| |
- | var ind = 0;
| |
- | </script>
| |
| </body> | | </body> |
| </html> | | </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">