Team:HZAU-China/Modeling
From 2013.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
#background{ | #background{ | ||
background-color: #EDFFFF; | background-color: #EDFFFF; | ||
- | |||
- | |||
float: left; | float: left; | ||
min-height: 800px; | min-height: 800px; | ||
Line 11: | Line 9: | ||
} | } | ||
#sidebar { | #sidebar { | ||
- | |||
background-color:transparent; | background-color:transparent; | ||
clear: both; | clear: both; | ||
Line 17: | Line 14: | ||
height: auto; | height: auto; | ||
width: 220px; | width: 220px; | ||
- | |||
padding-top: 5px; | padding-top: 5px; | ||
padding-left: 10px; | padding-left: 10px; | ||
Line 70: | Line 66: | ||
} | } | ||
ul.menu ul li a {display:block;font:normal 16px/29px arial, sans- | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans- | ||
- | |||
serif;color:#000;background:#ccc;} | serif;color:#000;background:#ccc;} | ||
ul.menu ul li a:hover {background:#ddd;} | ul.menu ul li a:hover {background:#ddd;} | ||
Line 77: | Line 72: | ||
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;} | ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;} | ||
ul.menu li input:checked ~ ul li {margin-top:0;} | ul.menu li input:checked ~ ul li {margin-top:0;} | ||
- | ul.menu label.close {display:block;width:200px;height:30px;background:transparent | + | ul.menu label.close {display:block;width:200px;height:30px;background:transparent no-repeat 170px 12px;line- |
- | + | ||
- | + | ||
- | + | ||
height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | ||
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ||
Line 89: | Line 81: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | var topMain=$("#sidebar").height()+ | + | var topMain=$("#sidebar").height()+80//是头部的高度加头部与nav导航之间的距离 |
var menu=$(".menu"); | var menu=$(".menu"); | ||
$(window).scroll(function(){ | $(window).scroll(function(){ |
Revision as of 13:01, 24 July 2013