jquery当中mouseover和Mouseout 和mousemove的用法是什么？

最新推荐文章于 2024-01-01 09:00:00 发布

mark_to_win

最新推荐文章于 2024-01-01 09:00:00 发布

阅读量901

点赞数 1

本文链接：https://blog.csdn.net/mark_to_win/article/details/88684098

版权

javascript 专栏收录该内容

119 篇文章 0 订阅

订阅专栏

例 1.12（mouseoverMouseout$Document.html）
<html>
<head>
<title>设置opacity</title>
<style type="text/css">

</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");
    });
/*下面头两段程序在火狐下效果完全一样，都能运行，（2在火狐下可以，3火狐不行。但ie下2不行，1，3两段在ie上
是一样的），这个例子最重要的是让我看到了$(document)和document的区别。但
jquery会更兼容 */
      $(document).mousemove(function(event){
          $("span").text(event.clientX + ", " + event.clientY);
        });
//      document.οnmοusemοve=function(event){
//          $("span").text(event.clientX + ",, " + event.clientY);
//    };
/*       document.οnmοusemοve=function(){
          $("span").text(event.clientX + ",,， " + event.clientY);
    };   */
});

mark_to_win

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery当中mouseover和Mouseout 和mousemove的用法是什么？

例 1.12（mouseoverMouseout$Document.html）<html><head><title>设置opacity</title><style type="text/css"></style>...
复制链接

扫一扫