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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/39132.html
標籤:jQuery
上一篇:jquery的點擊事件
下一篇:jQuery-影片
