当前位置: 编程技术>jquery
jquery导航固定效果实例
来源: 互联网 发布时间：2014-10-04
本文导语: 例子，jquery 导航固定效果。 1，jquery代码, .nav为导航的class 代码示例: $(function(){ $(window).scroll(function() { if($(window).scrolltop()>=250){ $(".nav").addclass("fixednav"); }else{ $(".nav").removeclass("fixednav"); } }); }); 2，css代码...
例子，jquery 导航固定效果。
1，jquery代码, .nav为导航的class
代码示例:
$(function(){
$(window).scroll(function() {
if($(window).scrolltop()>=250){
$(".nav").addclass("fixednav");
}else{
$(".nav").removeclass("fixednav");
}
});
});
$(window).scroll(function() {
if($(window).scrolltop()>=250){
$(".nav").addclass("fixednav");
}else{
$(".nav").removeclass("fixednav");
}
});
});
2，css代码
代码示例:
.fixednav{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000;
_position:absolute;
_top:expression(eval(document.documentelement.scrolltop));
}
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000;
_position:absolute;
_top:expression(eval(document.documentelement.scrolltop));
}
3，html代码
代码示例:
您可能感兴趣的文章：
- jquery 二级导航菜单 示例
- jquery遮罩层效果实现导航菜单代码
- jquery 遮罩层效果实现的导航菜单
- 鼠标滑过导航条改变背景图的jquery实现代码
- jQuery Mobile 导航栏代码一例
- jquery下拉菜单 jquery文字导航效果
- jQuery导航条背景切换效果的实现代码(图文)
- jquery 导航菜单代码(兼容IE6,IE7,FF等)
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。