求大佬帮忙这个效果怎么弄

超级加倍 2019-04-13 02:12:00
鼠标经过停留时显示下面的div,鼠标不在时就只有计算机工程系
...全文
104 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
会飞得猪 2019-04-13
  • 打赏
  • 举报
回复
会飞得猪 2019-04-13
  • 打赏
  • 举报
回复
简单的 二级导航 可以用 css里的hover 来做
超级加倍 2019-04-13
  • 打赏
  • 举报
回复
引用 1 楼 crystalMichal的回复:
给包含计算机工程系的那个元素注册mouseover 和 mouseout事件,mouseover时显示下面的div,mouseout时隐藏下面的div
知道了……谢谢大佬
天际的海浪 2019-04-13
  • 打赏
  • 举报
回复

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.menu-button {
	width: 200px;
	height: 30px;
	background-color: #66f;
	position: relative;
}
.menu-button .menu {
	width: 200px;
	height: 300px;
	background-color: #ccf;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
}
.menu-button:hover .menu {
	display: block;
}
</style>
</head>
<body>

<div class="menu-button">
	xxxxxxxxxx
	<div class="menu">
</div>

</div>
</body>
</html>
  • 打赏
  • 举报
回复
给包含计算机工程系的那个元素注册mouseover 和 mouseout事件,mouseover时显示下面的div,mouseout时隐藏下面的div

87,916

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧