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 学习入门篇附实例代码
Mar 16 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
Node.js中npm常用命令大全
Jun 09 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
原生js实现中奖信息无间隙滚动效果
Jan 18 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 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 Ajax中文乱码问题解决方法
2009/02/27 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
学习javascript,实现插入排序实现代码
2011/07/31 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
详解Angular4 路由设置相关
2017/08/26 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
Vue实现todolist删除功能
2018/06/26 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
python k-近邻算法实例分享
2014/06/11 Python
详解Python的Django框架中的模版相关知识
2015/07/15 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
Python实现在线暴力破解邮箱账号密码功能示例【测试可用】
2017/09/06 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
python计算auc的方法
2020/09/09 Python
函授自我鉴定范文
2014/02/06 职场文书
小学运动会入场词
2015/07/18 职场文书
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle