手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现的导航固定效果
jquery实现的导航固定效果
摘要:jquery实现的导航固定效果复制代码代码如下:1.jquery代码,.nav为导航的class$(function(){$(window)...

jquery实现的导航固定效果

复制代码 代码如下:

1.jquery代码, .nav为导航的class

$(function(){

$(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));

}

3.HTML代码

<div>

<p>导航固定</p>

</div>

【jquery实现的导航固定效果】相关文章:

js实现简单锁屏功能实例

Javascript实现的SHA-256加密算法完整实例

jQuery实现转动随机数抽奖效果的方法

jQuery实现给页面换肤的方法

jQuery插件pagewalkthrough实现引导页效果

jQuery仿gmail实现fixed布局的方法

Javascript实现飞动广告效果的方法

基于jQuery插件实现环形图标菜单旋转切换特效

javascript实现简单的进度条

js实现顶部可折叠的菜单工具栏效果实例

精品推荐
分类导航