"
Team:HZAU-China/Notebook
From 2013.igem.org
(Difference between revisions)
| Line 17: | Line 17: | ||
width: 220px; | width: 220px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| - | padding-bottom: | + | padding-bottom: 5px; |
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
| Line 38: | Line 38: | ||
<style> | <style> | ||
*{margin:0px;padding:0px;} | *{margin:0px;padding:0px;} | ||
| - | ul.menu_scroll{ | + | ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;} |
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;} | ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;} | ||
ul.menu, | ul.menu, | ||
| Line 80: | Line 80: | ||
ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
| + | <script src="/ajaxjs/jquery-1.7.2.min.js" type="text/javascript"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| Line 85: | Line 86: | ||
var menu=$(".menu"); | var menu=$(".menu"); | ||
$(window).scroll(function(){ | $(window).scroll(function(){ | ||
| - | if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类. | + | if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除 |
| - | + | ||
| - | + | ||
menu.addClass("menu_scroll"); | menu.addClass("menu_scroll"); | ||
}else{ | }else{ | ||
| Line 138: | Line 137: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | + | </dl> | |
| - | </dl> | + | |
</body> | </body> | ||
Revision as of 09:32, 24 July 2013
