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


Posted in Javascript onMarch 11, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js实现仿百度瀑布流的方法
Feb 05 Javascript
jQuery定义插件的方法
Dec 18 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 #Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 #Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 #Javascript
JavaScript前补零操作实例
Mar 11 #Javascript
JavaScript限定图片显示大小的方法
Mar 11 #Javascript
iScroll中事件点击触发两次解决方案
Mar 11 #Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 #Javascript
You might like
thinkPHP交易详情查询功能详解
2016/12/02 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
Python中的startswith和endswith函数使用实例
2014/08/25 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
Python定时任务sched模块用法示例
2018/07/16 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
文明学生事迹材料
2014/01/29 职场文书
社团文化节策划书
2014/02/01 职场文书
销售提升方案
2014/06/07 职场文书
保密工作承诺书
2014/08/29 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
党校学习党性分析材料
2014/12/19 职场文书
十二生肖观后感
2015/06/12 职场文书
2016大学军训心得体会
2016/01/11 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
nginx.conf配置文件结构小结
2022/04/08 Servers
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript