纯css，编写菜单移入效果
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
span{
display: none;
margin-top: 50px;
}
p{
float: left;
width: 200px;
text-align: center;
border: 1px solid red;
}
p:hover span{
cursor: pointer;
display: block;
}
span:hover{
background: pink;
}
</style>
</head>
<body>
<div>
<p>获取焦点
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
</p>
<p>获取焦点
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
<span>我们都是好孩子</span>
</p>
</div>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
</html>
最新文章
- import this， Python 之禅
- JavaWeb AJAX
- 【GoLang】golang 微服务框架 介绍
- Windows中多个python版本共存的问题
- phalcon:非空字段不能在beforeCreate赋值，可以改用beforeValidationOnCreate
- “jni.h”: No such file or directory
- oc 多线程UI更新
- Sql server 数据库 单用户切换为多用户
- linux pci 协议一
- R学习笔记(4): 使用外部数据
- 关于搭建MyBatis框架（二）
- c# 编程语言tag
- 【原创】大叔经验分享（1）在yarn上查看hive完整执行sql
- HDU 1024 Max Sum Plus Plus（DP的简单优化）
- redis 安装和配置
- 1421 - Wavio Sequence
- 《CSS揭秘》之毛玻璃效果知识点
- 一次jenkins的错误
- VSTO：使用C#开发Excel、Word【1】
- Delphi TMemoryStream写入到字符串和字符串写入到流