Acara tetikus j...LOGIN

Acara tetikus jQuery acara alih tetikus() dan keluar tetikus().

Semasa anda belajar JS, adakah anda masih ingat bahawa terdapat dua kaedah yang dipanggil acara pindah masuk dan keluar? onmouseover() dan onmouseout() events~

jQuery juga menyediakan acara sedemikian untuk memantau operasi pindah masuk dan keluar pengguna Acara mouseover() dan mouseout() adalah serupa dalam penggunaan

Mari kita jelaskan melalui contoh

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>mouseover()和mouseout()</title>
    <style type="text/css">
        div{
            width:200px;
            height:200px;
            border:1px solid #000;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div></div>


    <script>
         $("div").mouseover(function(){
            $('div').css("background",'red');
         })

         $("div").mouseout(function(){
             $('div').css("background",'green');
         })
    </script>
</body>
</html>

Apabila tetikus diletakkan pada tag div, warna latar belakang akan menjadi merah, dan apabila tetikus meninggalkan tag div, ia akan bertukar menjadi hijau

bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>mouseover()和mouseout()</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid #000; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div></div> <script> $("div").mouseover(function(){ $('div').css("background",'red'); }) $("div").mouseout(function(){ $('div').css("background",'green'); }) </script> </body> </html>
babperisian kursus