例 1.12（mouseoverMouseout$Document.html）（视频下载） （全部书籍）
<html>
<head>
<title>设置opacity</title>
<style type="text/css">
<!--
img{
border:1px solid #FFFFFF;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
//设置透明度，兼容性很好
$("img").mouseover(function(){
$(this).css("opacity","0.6");
});
$("img").mouseout(function(){
$(this).css("opacity","1.0");
});
/*马克-to-win：下面头两段程序在火狐下效果完全一样， 都能运行， （2在火狐下可以，3火狐不行。但ie下2不行，1，3两段在ie上
是一样的 ），这个例子最重要的是让我看到了$(document)和document的区别。但
jquery会更兼容 */
$(document).mousemove(function(event){
$("span").text(event.clientX + ", " + event.clientY);
});
// document.onmousemove=function(event){
// $("span").text(event.clientX + ",, " + event.clientY);
// };
/* document.onmousemove=function(){
$("span").text(event.clientX + ",,， " + event.clientY);
}; */
});
</script>
</head>
<body>
<img src="markWeChat.jpg">
<span></span>
</body>
</html>
jquery当中mouseover和Mouseout 和mousemove的用法是什么？
猜你喜欢
转载自blog.csdn.net/mark_to_win/article/details/88684098
今日推荐
周排行