Cách làm hiệu ứng hiện ảnh khác khi rê chuột vào ảnh

Đây là một thủ thuật nhỏ nhưng đôi khi cũng mang lại những điều thú vị cho người xem! Khi người xem rê chuột vào ảnh mà bạn chọn sẵn nó sẽ lập tức hiện ra một ảnh khác thay thế cho ảnh cũ. Cách làm cũng rất đơn giản, chúc bạn thành công!

Trường hợp 1: Ảnh có chứa link liên kết. Tức là khi bạn rê chuột vào rồi Click thì sẽ chuyển đến trang liên kết mà bạn đã chọn.

<a href="Link liên kết" target="blank"><img onmouseover="this.src='Link ảnh thay thế'" onmouseout="this.src='Link ảnh ban đầu'" src="Link ảnh ban đầu" ></a>

Ví dụ cho trường hợp này:


Trường hợp 2: Ảnh không chưa link liên kết. Đơn thuần chỉ là hiển thị ảnh khác khi rê chuột vào mà thôi.

<img onmouseover="this.src='Link hình thay thế'" onmouseout="this.src='Link ảnh ban đầu'" src="Link ảnh ban đầu" >

Ví dụ cho trường hợp này: