概述
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">ul{list-style: none;float: left;}li{display: none;}</style><script type="text/javascript">function disp(){for(var i = 0; i<3; i++){document.getElementsByClassName('sss')[i].style.display='block';}}function out(){for(var i = 0; i<3; i++){document.getElementsByClassName('sss')[i].style.display='none';}}</script></head><body><ul onmouseover="disp()" onmouseout="out()"> 手机数码<li class="sss">iPhone</li><li class="sss">SAMSUNG</li><li class="sss">SAMSUNG</li></ul></body></html>
方法二
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">li:hover #b{display: block;}#b{display: none;}</style></head><body><ul><li>sss<ul id="b"><li ></li><li ></li><li ></li><li ></li></ul></li></ul></body></html>
最后
以上就是飘逸滑板为你收集整理的Html中鼠标悬停显示二级菜单的两种方法的全部内容，希望文章能够帮你解决Html中鼠标悬停显示二级菜单的两种方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复