HTML二级导航出现下拉列表后怎么让一级栏目也有鼠标悬停

Posted 2023-05-12

#nav height:40px; margin-bottom:10px;
#nav li.da float:left; list-style:none; width:78px; height:40px; line-height:40px; text-align:center; display: block; padding-left:20px;
#nav li a:hover background:#1287b4; height:40px; color:#FFF; text-decoration:none;
#nav li ul li width:150px;
#nav li ul li a background:#1287b4 url(../img/subNavLine.gif) repeat-x left bottom; display:block; color: #FFF; width:150px; padding-left:8px;
#nav li ul li a:hover background:#06F; padding-left:8px;
#nav li a color: #000; display:block; font-family:"幼圆"; font-size:16px;
#nav li ul display:none;
#nav li:hover ul display:block;width:150px;

参考技术A 利用javascript可以实现悬停动态效果

分享一些经典的特效效果,希望对大家有帮助

jQuery带抽奖次数的大转盘抽奖代码https://www.mk2048.com/demo/demo_target_desc.php?id=i01b0c00j
jQuery大转盘抽奖代码

jQuery适用于后台网站侧边多级下拉导航菜单点击》jQuery适用于后台网站侧边多级下拉导航菜单
jquery代码鼠标滑动下拉二级，一级栏目可带链接导航，网页导航特效，网页导航竖向导航，后台网站多级下拉导航菜单代码

div css简洁大气的百度地图标注首页展示模板点击》div css简洁大气的百度地图标注首页展示模板
div css简洁大气的首页通用模板

jQuery网页贷款计算器表单代码https://www.mk2048.com/demo/demo_target_desc.php?id=i01kkhabb
jQuery贷款计算器

jquery垂直时间轴鼠标滚动时间轴滚动代码https://www.mk2048.com/demo/demo_target_desc.php?id=i0jh21bib
jquery时间轴代码

jQuery按钮控制带缩略图和大图切换效果代码https://www.mk2048.com/demo/demo_target_desc.php?id=i0j01kc2j
jQuery大图切换，缩略图和大图切换效果

jQuery仿淘宝商品发布选择分类导航菜单https://www.mk2048.com/demo/demo_target_desc.php?id=i0j1bbbaa
jQuery商品发布导航菜单，选择分类导航菜单，仿淘宝发布

jQuery点击遮罩弹出层固定网页中间https://www.mk2048.com/demo/demo_target_desc.php?id=i0j2ickkj
jQuery自适应的图片加文字遮罩弹窗代码（适用于手机端的网页遮罩弹出层代码）

jQuery css3右悬浮带二维码的返回顶部代码https://www.mk2048.com/demo/demo_target_desc.php?id=i0jkh0jjb
纯css3右悬浮返回顶部效果切换图片

原生js页面上随机显示笑脸图片布局代码点击》原生js页面上随机显示笑脸图片布局代码
js随机显示图片代码

jQuery图片旋转点击淡出淡进切换特效https://www.mk2048.com/demo/demo_target_desc.php?id=i02ic0ihj

jQuery游戏人物卡片图片切换效果代码https://www.mk2048.com/demo/demo_target_desc.php?id=i02bjchaa
jQuery游戏人物轮播切换效果（不兼容IE6,7,8）

原生js滑动图片轮播切换效果代码点击》原生js滑动图片轮播切换效果代码
原生js打造，简约风格轮播图

js自定义设置日期时间倒计时代码https://www.mk2048.com/demo/demo_target_desc.php?id=i02c0cacb
js自定义倒计时代码

jQuery css3圆形进度条倒计时动画效果https://www.mk2048.com/demo/demo_target_desc.php?id=i0cai0hcb
这是一款结合jq和html5+css3 实现倒计时动画效果

jquery css3仿淘宝6+1彩票换一注翻转动画https://www.mk2048.com/demo/demo_target_desc.php?id=i0ciac01j
jQuery css3彩票换一注，6+1彩票。

html5手机端tab选项卡切换手指滑动上拉加载点击》html5手机端tab选项卡切换手指滑动上拉加载
通过jquery实现tab切换和上拉加载更多的效果，适用于手机端页面开发！手机演示地址：http://www.17sucai.com/preview/9294/2016-07-15/tab切换-上拉加载/index.html

jQuery商城网站商品分类多项筛选菜单代码点击》jQuery商城网站商品分类多项筛选菜单代码
jQuery多项筛选菜单。分类筛选菜单代码

jQuery使用Cookie和JSON记录用户浏览历史https://www.mk2048.com/demo/demo_target_desc.php?id=i0c2jb0ab
jQuery使用Cookie和JSON记录用户最近浏览历史

jQuery模拟select选择框左右内容移动代码点击》jQuery模拟select选择框左右内容移动代码
jQuery选择框里面内容左右移动效果，本特效是纯css、html、js编写的，