jquery實(shí)現(xiàn)的導(dǎo)航固定效果

更新時(shí)間：2014年04月28日 10:01:42 作者：

這篇文章主要介紹了jquery實(shí)現(xiàn)的導(dǎo)航固定效果,需要的朋友可以參考下

1.jquery代碼, .nav為導(dǎo)航的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 class="nav">
<p>導(dǎo)航固定</p>
</div>

您可能感興趣的文章:

相關(guān)文章

jquery創(chuàng)建并行對象或者合并對象的實(shí)現(xiàn)代碼
如果有對象A ，B 現(xiàn)在我想要合并成對象C 從C里面可以找到A , B 及其子對象怎么做
2012-10-10
jquery事件綁定解綁機(jī)制源碼解析
這篇文章主要為大家詳細(xì)介紹了jquery事件綁定解綁機(jī)制源碼，感興趣的小伙伴們可以參考一下
2016-09-09
jQuery Easyui Treegrid實(shí)現(xiàn)顯示checkbox功能
本文通過實(shí)例代碼給大家介紹jQuery Easyui Treegrid實(shí)現(xiàn)顯示checkbox功能的方法，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧
2017-08-08
jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效，講解內(nèi)容很詳細(xì)，條理清晰，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-12-12
jquery.ui.progressbar 中文文檔
這個(gè)是最早做出來的, 現(xiàn)在也改成xml格式了, 呵呵.
2009-11-11
jquery 插件任意位置浮動(dòng)固定層
可以讓指定的層浮動(dòng)到網(wǎng)頁上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會(huì)保持在當(dāng)前位置不變，不會(huì)產(chǎn)生閃動(dòng)
2008-12-12
jQuery 打造動(dòng)態(tài)漸變按鈕詳細(xì)圖文教程
這是寫給web設(shè)計(jì)者和前端開發(fā)者的教程，我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖，然后是如何使用jQurey打造動(dòng)態(tài)漸變效果。
2010-04-04
jQuery ajax應(yīng)用總結(jié)
Ajax在Web應(yīng)用中的作用越來越大，許多工具都包含了對這一功能的使用，以下是對這些常用工具中Ajax的典型實(shí)例.
2016-06-06
jQuery彈簧插件編寫基礎(chǔ)之“又見彈窗”
本文通過具體實(shí)例給大家介紹jquery彈窗插件編寫基礎(chǔ)之又見彈簧的相關(guān)資料，對jquery彈簧插件編寫相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
JQueryiframe頁面操作父頁面中的元素與方法(實(shí)例講解)
這篇文章主要是對JQueryiframe頁面操作父頁面中的元素與方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11