本文重点解决鼠标悬浮事件问题,希望能够帮助到你
1.任务需求：一个按钮，一个Div，当鼠标移出按钮时，按钮显示请移入鼠标，Div隐藏，当鼠标移入时，按钮显示请移出鼠标，Div显示。
2.任务分析：监听鼠标的移入移出事件，修改元素标签的文本
3.代码实现：
<body> <button id="hover">请移入鼠标</button> <div style="height: 150px;width: 150px;background: coral;margin-top: 20px;" id="content"></div> <script src="jquery-3.4.1.min.js"></script> <script> $("#hover").mouseover(function () { $("#content").show(); $("#hover").text("请移开鼠标"); }); $("#hover").mouseout(function () { $("#content").hide(); $("#hover").text("请移入鼠标"); }) </script> </body>
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
微信扫一扫打赏
支付宝扫一扫打赏
扫码加微信好友
© 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利 老妖怪 蜀ICP备2024091751号-1
四川省广元市利州区
川公网安备 51080202000147号
