首页 > 代码库 > 菜单悬停效果
菜单悬停效果
1 <div class="cont">2 <div id="top"> </div>3 <div id="nav" class="nav"> </div>4 </div>5 <div style="height:1000px;"></div>
1 #top{width:100%;height:50px;border:1px solid red;}2 .nav{width:1080px;height:50px;background:green;margin:0px auto;}3 .scoll_nav{width:100%;position:fixed; top:10px; z-index:10000;}
1 $(document).ready(function(e) { 2 $(window).scroll(function() { 3 if($(window).scrollTop() > $("#top").height()+10){ 4 $("#nav").addClass("scoll_nav") 5 } 6 else{ 7 $("#nav").removeClass( "scoll_nav") 8 } 9 }); 10 })
菜单悬停效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。