Hiệu ứng thay đổi ảnh khi rê chuột vào và ra khỏi ảnh

Hiệu ứng rê chuột trong css – hiệu ứng thay đổi ảnh khi rê chuột vào và rê chuột ra khỏi ảnh. Bạn chỉ cần thay link ảnh 1, link ảnh 2 và link ảnh 3 khi rê chuột vào là xong. onmouseover: nó thực hiện thay đổi src của ảnh khi bạn rê chuột vào ảnh. onmouseout: nó thực hiện hành động thay đổi src của ảnh khi bạn rê chuột ra khỏi ảnh. Khi đầu tiên người dùng truy cập trang sẽ hiển thị ảnh 1, khi người dùng rê chuột vào sẽ đổi thành ảnh 2 và khi rê chuột ra sẽ đổi thành ảnh 3.

<img src="link-ảnh-1" onmouseover="this.src='link-ảnh-2'" onmouseout="this.src='link-ảnh-3'" />

Bạn hãy sao chép đoạn code bên dưới rồi dán vào trang web của bạn. Thay đổi link ảnh theo ý bạn.

<img src="http://utnhan.wap.sh/wapmaster/photo/hoa-dao.jpg" onmouseover="this.src='http://utnhan.wap.sh/wapmaster/photo/hoa-mai.jpg'" onmouseout="this.src='http://utnhan.wap.sh/wapmaster/photo/hoa-sen.jpg'" />