Html中鼠标悬停显示二级菜单的两种方法
来源:互联网 发布:软件系统测试报告 编辑:程序博客网 时间:2024/05/17 07:48
<!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>
0 0
- Html中鼠标悬停显示二级菜单的两种方法
- Selenium笔记---鼠标悬停显示二级菜单 点击下拉列表
- 导航,鼠标悬停出现二级菜单
- Selenium操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- Python+Selenium 操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- html 鼠标悬停显示文字
- 制作鼠标悬停二级菜单时,jQuery鼠标同时移出两个区域的判断
- JQuery中鼠标划过一级菜单,有二级菜单的就显示的处理
- 鼠标悬浮显示二级菜单
- bootstrap 中popover的鼠标悬停下拉菜单效果
- 在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法
- 在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法
- 二级菜单悬停
- 鼠标悬停,显示详情 最简单的方法
- html中二级菜单的制作
- html鼠标移到一级标题显示二级标题的例子
- 鼠标悬停下拉菜单
- html代码的两种显示方法
- 解决 Android M(6.0) 找不到 org.apache.http.*
- 关于Spring IOC (依赖注入)你需要知道的一切
- 2017美国数学建模ICM D题翻译 在机场安检站优化乘客吞吐量 (Optimizing the Passenger Throughput at an Airport Security Checkp)
- win10下安装Mysql5.7
- jQuery 中时间显示的模版
- Html中鼠标悬停显示二级菜单的两种方法
- jsp 中登录验证 注销 的模版
- Ajax验证用户名是否存在模板
- JAVAWEB开发之JSP、EL、及会话技术(Cookie和Session)的使用详解
- 我自己写的归并排序。。
- SpringMVC 常用注解(1)
- 【HDU 2064】汉诺塔III
- MyBabis 用法详解
- 这10个Linux网络和监控命令都不会,你还学什么运维?