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 相关文章推荐
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
基于JQuery实现CheckBox全选全不选
Jun 27 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
jQuery实现图片轮播效果代码
Sep 27 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
Vue2.0子同级组件之间数据交互方法
Feb 28 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
Mar 16 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
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十二)
2014/06/25 PHP
一个比较不错的PHP日历类分享
2014/11/18 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
Python字符串拼接六种方法介绍
2017/12/18 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
Python元字符的用法实例解析
2018/01/17 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
django如何通过类视图使用装饰器
2019/07/24 Python
Python使用scipy模块实现一维卷积运算示例
2019/09/05 Python
python中wx模块的具体使用方法
2020/05/15 Python
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
物业管理专业自荐信
2014/07/01 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
信访工作汇报材料
2014/10/27 职场文书
加入学生会自荐书
2015/03/05 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
小人国观后感
2015/06/11 职场文书
商务信函英语问候语
2015/11/10 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
详解Python魔法方法之描述符类
2021/05/26 Python
Python函数中的不定长参数相关知识总结
2021/06/24 Python
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js