masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492834 permainan