19/09/2018, 14:53
Sự kiện onmouseover
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 < ! DOCTYPE html > < html > < body > < img onmouseover = "bigImg(this)" onmouseout = "normalImg(this)" ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html> <body> <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="https://webvn.com/wp-content/uploads/2014/10/120.png" alt="WebVN Logo" awidth="32" height="32" /> <p>Hàm bigImg() được kích hoạt và phóng to ảnh khi người dùng di chuyển chuột trên ảnh.</p> <p>Hàm normalImg() được kích hoạt và chuyển ảnh về kích cỡ ban đầu khi chuột di chuyển ra khỏi ảnh.</p> <script> function bigImg(x) { x.style.height = "120px"; x.style.awidth = "120px"; } function normalImg(x) { x.style.height = "32px"; x.style.awidth = "32px"; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính onmouseover được kích hoạt khi chuột di chuyển trên thẻ.
Mẹo: Thuộc tính onmouseover thường được sử dụng cùng với thuộc tính onmouseout.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onmouseover | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element onmouseover="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong tất cả các thẻ của HTML ngoại trừ : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>
