溫馨提示×

使用jQuery處理onmouseout事件技巧

小樊
122
2024-07-03 05:06:11
欄目: 編程語言

可以使用jQuery的on()方法來處理onmouseout事件。下面是一個例子:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $("div").on("mouseout", function(){
    $(this).css("background-color", "white");
  });
});
</script>
</head>
<body>

<div style="width:200px;height:200px;background-color:lightblue;">Move the mouse pointer over this div element.</div>

</body>
</html>

在這個例子中,當鼠標移出div元素時,它的背景顏色會變為白色。我們使用jQuery的on()方法來監聽鼠標移出事件,并在事件發生時改變div的背景顏色。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女