当前位置: 编程技术>jquery
jquery下拉菜单 jquery文字导航效果
来源: 互联网 发布时间：2014-09-03
本文导语: 使用jquery完成的下拉菜果，可以自己进行美化，比如增加背景、颜色和边框，更高级一些的比如背景图片等。 代码： jQuery 下拉菜单，文字导航效果-www. $(function(){ $('.nav').children("li:has(ul)").hover( function(){ $(this).child...
使用jquery完成的下拉菜果，可以自己进行美化，比如增加背景、颜色和边框，更高级一些的比如背景图片等。
代码：
jQuery 下拉菜单，文字导航效果-www.
$(function(){
$('.nav').children("li:has(ul)").hover(
function(){
$(this).children("ul").slideDown();
},
function(){
$(this).children("ul").hide();
}
);
});
*{margin:0;padding:0;}
.nav {margin:200px;list-style-type:none;}
.nav li {position:relative;float:left;margin-right:10px;}
.nav li ul {display:none;position:absolute;top:20px;left:0;list-style-type:none;}
.nav li ul li {padding:2px 0;}
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。