该博客介绍了一个交互效果：当鼠标移入输入框时，下方的ul列表显示。列表项在鼠标经过时变为蓝色，选中时变为黄色，点击任意位置则列表隐藏。
运行结果：
刚打开页面的时候：
鼠标移入的时候：
鼠标选中某一选项的时候，被选中项变黄色（当鼠标划过其他选项的时候，其他选项还是蓝色。），且输入框显示被选中项。
大致思路：
最上面是一个输入框，
下面是ul列表（隐藏） ，当鼠标进去输入框的时候，ul列表显示。
当鼠标划过每一个li的时候，li背景色蓝色，鼠标变手型。
当点击页面任意地方的时候，ul列表再次隐藏。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
#box1{
width:300px;
height:30px;
border: 2px solid blue;
}
ul
最低0.47元/天 解锁文章
扫一扫
1291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
