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 checkbox全选、取消全选实现代码
Mar 05 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
JavaScript中的property和attribute介绍
Dec 26 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
Dec 28 Javascript
编写v-for循环的技巧汇总
Dec 01 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环境搭建最新方法
2006/09/05 PHP
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
PHP按行读取文件时删除换行符的3种方法
2014/05/04 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
详解webpack介绍&amp;安装&amp;常用命令
2017/06/29 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
Python文件读写保存操作的示例代码
2018/09/14 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
python机器学习库xgboost的使用
2020/01/20 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
Python Selenium库的基本使用教程
2021/01/04 Python
美国高品质个性化珠宝销售网站:Jewlr
2018/05/03 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
公益活动邀请函
2014/02/05 职场文书
党员自我对照检查材料
2014/08/19 职场文书