<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/jquery-3.6.0.js"></script> <style> #box{ width: 50%; height: 300px; margin-left: 30%; margin-top: 300px; } #box_one input{ width: 50%; height: 20px; border-radius: 20px; } #box_tow{ width: 52%; height: 100px; background-color: bisque; border-radius: 20px; /* 显示滚动条 */ overflow-y: scroll; display: none; } </style> <title></title> </head> <body> <div id="box"> <div id="box_one"> <input type="text" placeholder="请输入"> </div> <div id="box_tow"> <p>求关注</p> <p>求点赞</p> <p>求关注</p> <p>求点赞</p> </div> </div> <script type="text/javascript"> $('#box_one').mousemove(function() { $("#box_tow").show()//当鼠标放到input里时显示#box_tow里的数据 }) $('#box_tow').mousemove(function() { $("#box_tow").show()//把鼠标放到box_tow的时候继续显示避免隐藏 }) $('#box_tow').mouseout(function() { $("#box_tow").hide()//鼠标离开input后隐藏box_tow }) </script> </body> </html>
jquery写出移入移出事件
2023-07-22
48
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
jquery写出移入移出事件
目录
相关文章
|
2月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
|
2月前
|
JavaScript
前端开发
索引
|
11天前
|
JavaScript
前端开发
C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
22
2
2
|
1月前
|
Web App开发
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
|
4月前
|
JavaScript
|
4月前
|
JavaScript
前端开发
|
5月前
|
JavaScript
前端开发