1. 程式人生 > 其它 >jquery當中mouseover和Mouseout 和mousemove的用法是什麼?

jquery當中mouseover和Mouseout 和mousemove的用法是什麼?

jquery當中mouseover和Mouseout 和mousemove的用法是什麼?

例 1.12(mouseoverMouseout$Document.html)
<html>
<head>
<title>設定opacity</title>
<style type="text/css">
<!--
img{undefined
border:1px solid #FFFFFF;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">

$(function(){undefined
//設定透明度,相容性很好
$("img").mouseover(function(){undefined
$(this).css("opacity","0.6");
});
$("img").mouseout(function(){undefined
$(this).css("opacity","1.0");
});
/*下面頭兩段程式在火狐下效果完全一樣, 都能執行, (2在火狐下可以,3火狐不行。但ie下2不行,1,3兩段在ie上
是一樣的 ),這個例子最重要的是讓我看到了$(document)和document的區別。但
jquery會更相容 */
$(document).mousemove(function(event){undefined
$("span").text(event.clientX + ", " + event.clientY);
});
// document.οnmοusemοve=function(event){undefined
// $("span").text(event.clientX + ",, " + event.clientY);
// };
/* document.οnmοusemοve=function(){undefined
$("span").text(event.clientX + ",,, " + event.clientY);
}; */
});


更多內容請見原文,文章轉載自:https://blog.csdn.net/qq_44594371/article/details/103062364