本文主要是介绍JS——鼠标移入显示和移除隐藏,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
例如以下效果:
· 鼠标移入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>
这篇关于JS——鼠标移入显示和移除隐藏的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!