Team:Beijing BHSF
From 2013hs.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <title> </title> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <style type="text/css"> |
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | { | + | #menubar { |
- | + | font-size: 100%; | |
- | + | top: 0px;} | |
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | <head> | ||
- | === | + | <head> |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
- | + | <title>WIKI</title> | |
- | + | <style type="text/css"> | |
- | + | body,h1,ul{margin:0;} | |
- | + | ul li{list-style-type:none;} | |
- | + | #header{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;} | |
- | + | h1{padding:10px 0;color:#D74452;} | |
- | + | .nav{width:1000px;background:#fff;margin:20px auto 0;border:solid 1px #ccc;zoom:1;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,0.1);color:#D74452;} | |
- | + | .nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;} | |
- | + | .nav:after{content:"";display:block;height:0;clear:both;visibility:hidden;} | |
- | + | .nav ul li{float:left;margin:0 20px;height:30px;line-height:30px;} | |
- | === | + | .nav ul li a{cursor:pointer; } |
- | + | .nav ul li a:hover{text-decoration:underline;} | |
- | + | h2{height:400px;line-height:400px;} | |
- | + | </style> | |
- | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | var topMain=$("#header").height()+20//是头部的高度加头部与nav导航之间的距离。 | |
- | + | var nav=$(".nav"); | |
- | + | $(window).scroll(function(){ | |
- | + | if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除。 | |
- | + | nav.addClass("nav_scroll"); | |
- | + | } | |
- | + | else | |
- | + | { | |
- | + | nav.removeClass("nav_scroll"); | |
- | = | + | } |
- | + | }); | |
- | + | ||
- | + | }) | |
- | + | </script> | |
- | < | + | </head> |
+ | |||
+ | <body> | ||
+ | <div id="header"><h1>iGEM BHSF</h1></div><!--header--> | ||
+ | <div class="nav"> | ||
+ | <ul> | ||
+ | <li><a>HOME</a></li> | ||
+ | <li><a>PROJECT</a></li> | ||
+ | <li><a>TEAM</a></li> | ||
+ | <li><a>PHOTO</a></li> | ||
+ | <li><a>SAFETY</a></li> | ||
+ | <li><a>ABOUT</a></li> | ||
+ | </ul> | ||
+ | </div><!--nav--> | ||
+ | </body> | ||
+ | </html> |
Revision as of 09:27, 10 April 2013