Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thay đổi màu nền trang web bằng thuộc tính onmouseover


Giới thiệu

Thuộc tính sự kiện onmouseover cho phép chạy một đoạn script khi con trỏ chuột di chuyển qua một phần tử. Kết hợp với thuộc tính DOM document.body.style.backgroundColor có thể thay đổi màu nền trang web khi di chuột qua.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Tiêu đề Hai</h2>
  <a onmouseover="document.body.style.backgroundColor='orange'">Di chuột qua đây để đổi màu nền.</a><br>
</body>
</html>

Kết quả hiển thị

Khi di chuột qua dòng chữ, màu nền trang sẽ chuyển sang cam.