首页

源码搜藏网

首页 > 网页特效 > jQuery特效 >

网页下拉顶部导航缩小并固定

创建时间:2014-09-23 09:22  

网页下拉顶部导航缩小并固定
网页下拉顶部导航缩小并固定
效果预览 立即下载
网页下拉顶部导航缩小并固定网页下拉顶部导航缩小并固定是一款基于jquery实现的网页下拉的同时顶部导航逐渐缩小并固定在顶部。jquery网页下拉顶部固定网站导航

<script>
$(document).on("scroll",function(){
if($(document).scrollTop()>200){ 
$(".nav").stop().animate({
height:'50px'
});
}else{
$(".nav").stop().animate({
height:'100px'
});
}
});
</script>
上一篇:jquery实现漂亮音乐播放器插件jplayer
下一篇:jquery+html5实现非常漂亮的网页播放器代码

相关内容

热门推荐