mouse
英[maʊs] 美[maʊs]
n.滑鼠;老鼠;害羞[膽小]的人;[非正式用語] 眼部青腫
vi.捕鼠;窺探，偷偷地尋找
out
英[aʊt] 美[aʊt]
#adv.出局;在外，在外部;完全，徹底;出版
prep.（表示來源）從;（從…裡）出來;（表示不在原狀態）脫離;離去
vt.使熄滅;揭露;驅逐
adj.外面的;出局的;下台的;外圍的
#n.不流行;出局
jquery mouseout()方法 語法
作用：當滑鼠指標從元素移開時，發生 mouseout 事件。該事件大多數時候會與 mouseover 事件一起使用。 mouseout() 方法觸發 mouseout 事件，或規定發生 mouseout 事件時執行的函數。與 mouseleave 事件不同，不論滑鼠指標離開被選元素或任何子元素，都會觸發 mouseout 事件。只有在滑鼠指標離開被選元素時，才會觸發 mouseleave 事件。請看下面例子的示範。
觸發mouseout事件語法：$(selector).mouseout(
將函數綁定到mouseout事件語法：$( selector).mouseout(function)
參數：
| 參數 | ##描述|
jquery mouseout()方法 範例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").mouseover(function(){
$("p").css("background-color","yellow");
});
$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});
$("#btn1").click(function(){
$("p").mouseover();
});
$("#btn2").click(function(){
$("p").mouseout();
});
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到段落上。</p>
<button id="btn1">触发段落的 mouseover 事件</button><br />
<button id="btn2">触发段落的 mouseout 事件</button>
</body>
</html>#點擊 "執行實例" 按鈕查看線上實例