jQuery实现渐变下拉菜单的简单方法资源-CSDN文库

80 浏览量 2020-11-28 10:18:32 上传评论收藏 22KB PDF 举报

资源详情

资源评论

资源推荐

jQuery实现渐变下拉菜单的简单方法实现渐变下拉菜单的简单方法

本文实例讲述了jQuery实现渐变下拉菜单的简单方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:<script type=”text/javascript”>

$(function(){

$(“#nav li”).hover(function(){if(!$(this).children(“#nav li ul”).is(“:animated”)){$(this).children(“#nav li

ul”).fadeIn(“100”);}},function(){$(this).children(“#nav li ul”).fadeOut(“400”);});//willin

})

</script>

#nav li {float:left; line-height:2em; margin:5px 0 5px 5px;}

#nav li ul {position:absolute; **display:none;** z-index:9999;width:150px; left:-999em;margin:0;

background:#C00;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 0 15px #F63;-

moz-box-shadow:0 0 15px #F63;-webkit-box-shadow:0 0 15px #F63;}

希望本文所述对大家的jQuery程序设计有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

内容反馈

weixin_38630697

粉丝: 4
资源: 950

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip