渐隐渐现的二级竖向下拉导航菜单*{margin:0;padding:0;}body{font-size:14px;}ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;color:#000;}#wrap{position:relative;top:0px;width:876px;height:34px;line-height:34px;margin:0 auto;}ul#menu li{float:left;display:block;width:92px;height:37px;line-height:37px;text-align:center;margin-right:2px;}ul#menu li a:link{display:block;background:#EDEBEC;font-size:14px;color:#333;width:92px;height:37px;line-height:37px;}ul#menu li a:hover,.red{background:#CE070E!important;color:#FFF!important;}/*子菜单*/ul#menu li ul{position:absolute;top:37px;width:90px;display:none;border:1px #CE070E solid;border-top:none;background:#FFF;}ul#menu li ul li{float:left;}ul#menu li ul li a:link{width:90px;height:37px;line-height:37px;background:#FFF;}ul#menu li ul li a:hover{color:#CE070E;text-decoration:underline}ul#menu li ul li{width:90px;height:37px;line-height:37px;float:left;} ${ $.hover.children.end.fadeIn{ $.removeClass.find; } );});  网站首页 最新动态页  源码爱好者 编程导航 网页特效   产品预定 帮助查询  时速快递 |  太空一号 |  蜘蛛侠前传 |  未来战士 |  蟒蛇之灾   会员俱乐部 凯撒论坛  

本文实例陈述了jQuery实现淡入淡出二级下拉领航菜单的形式。分享给我们供大家参照他事他说加以考察。具体如下:

数据解读 ,这是一款基于jQuery实现的领航菜单,淡入淡出二级的菜单导航,很经常看看的效应,这里运用的是jquery-1.6.2版本的JS,鼠标移动到满含二级子菜单的主菜单上,会及时渐显出二级的子菜单,鼠标在二级子菜单上划过,子菜单项的背景会校勘。

期待本文所述对我们的jquery程序设计有着帮忙。

相关文章

网站地图xml地图