例如以下效果:
· 鼠标移入onmouseover
· 鼠标移除onmouseout
· 通过document.getElementById('text')获取当前元素,再对其进行修改display样式。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#text {
height: 50px;
width: 200px;
background-color: #6F9;
border: 1px solid #169;
display: none;
}
</style>
</head>
<body>
<input type="checkbox" οnmοuseοver="document.getElementById('text').style.display = 'block'; " οnmοuseοut="document.getElementById('text').style.display = 'none' ;" />自动登录
<div id="text">尽量不要在网吧内选择</div>
</body>
</html>