jQueryの関数 mouseout()
| 目次 |
|---|
|
・mouseout() ・ソースサンプル ・実行例 |
mouseout()
マウスポインタが要素からはずれた時(mouseout)に発生するイベントです。
ソースサンプル
<html>
<head>
<title></title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(document).ready(function(){
$("#area1").mouseover(function(){
$("#area1").css("backgroundColor", "purple");
});
$("#area1").mouseout(function(){
$("#area1").css("backgroundColor", "white");
});
});
</script>
</head>
<body>
<div id="area1">ここにマウスを乗せると背景色が変わります</div>
</body>
</html>
実行例
以下の文言にカーソルを乗せてください。
ここにマウスを乗せると背景色が変わります。
Information
