Đây là cách nhanh, đơn giản inline JavaScript hoán đổi hình ảnh mặc định bằng hình khác khi di chuột qua — và hoán đổi ngược lại khi di chuột ra:
<img onmouseover="this.src='new-image.png'" onmouseout="this.src='default-image.png'" src="default-image.png" />Ví dụ tương tự nhưng dùng ảnh placeholder bên ngoài làm nguồn:
<img onmouseover="this.src='https://via.placeholder.com/150/0000FF/FFFFFF/?text=Digital.com'" onmouseout="this.src='https://via.placeholder.com/150/FF0000/808080/?text=Down.com'" src="https://via.placeholder.com/150/FF0000/808080/?text=Down.com" />