jQuery 导航菜单、广告 —— 固定、置顶、跟随

《jQuery 导航菜单、广告 —— 固定、置顶、跟随》正文开始，本次阅读大概9分钟。

导航跟随，是目前制作网站模板所必须的，

//导航跟随
$(function(){
varnav=$(#nav-header);
varwin=$(window);
varsc=$(document);
win.scroll(function(){
if(sc.scrollTop()=110){
nav.addClass(fixednav);
$(.navTmp).fadeIn();
}else{
nav.removeClass(fixednav);
$(.navTmp).fadeOut();
}
})
});

HTML：

divid=nav-headerclass=navbar
ulclass=nav
liahref=#首页/a/liliahref=#首页/a/li
liahref=#首页/a/liliahref=#首页/a/li
/ul
/div

CSS：

.fixednav{position:fixed;top:0;z-index:265;width:100%;opacity:.95;}

以上演示代码来源于李洋博客。

浏览器置顶/固定跟随可以用在导航菜单或者侧栏广告位等地方。