Học Thiết Kế Website Online Miễn Phí

Tổng hợp kiến thức, tài liệu để bạn học thiết kế website online miễn phí. hướng dẫn học thiết kế website từ đơn giản đến nâng cao một cách hoàn thiện nhất

Liên Kết : Chuyển Nhà Thanh Hóa | Thiết Kế Website | Học Lái Xe OTo Tại Thanh Hóa |Chuyển Hà Hà Nội |

Code thay đổi ảnh khác khi di chuột vào

Share Button

Code thay đổi ảnh khác khi di chuột vào

Tạo hiệu ứng thay đổi thành ảnh khác khi di chuyển chuột vào vô cùng đơn giản và đẹp mắt.


Giới Thiệu :

   Tạo sự thích thú và tò mò dành cho khách hàng truy cập website.

   Ngoài ra nếu kết hợp 2 hình ảnh là ảnh to và ảnh nhỏ thì khi khách di chuột vào hình ảnh sẽ đổi thành một ảnh lớn hơn vô cùng đẹp mắt.

Ví dụ cụ thể :

 

Code thay đổi ảnh khác khi di chuột vào

<a href="Link Liên kết" target="blank"><img onmouseover="this.src='link hình ảnh 1'" onmouseout="this.src='link hình ảnh 2'" src="link hình đại diện" /></a>

   Bạn có thể thay đổi nội dung mầu đỏ cho phù hợp với website của bạn.  trong đó có :

   Link liên kết : Khi khách click vào hình ảnh sẽ được đưa đến link liên kết do bạn đặt.

   Link hình ảnh 1 : hình ảnh thứ nhất

   Link hình ảnh 2 : Hình ảnh thứ hai

   Link hình đại diện : Hình ảnh thứ ba

Hướng dẫn sử dụng code :

   Bạn có thể sử dụng code trên vào hệ thống website, blogger, wordpress…

Lưu ý quan trọng : 

   Nếu bạn dán code vào bài viết trên blogger hoặc wordpress thì bạn chuyển sang soạn thảo Văn Bản / HMLT.

   Và khi chuyển sang Văn Bản / HTML thì bạn không được chuyển lại sang Trực Quan / Viết nữa. Nếu không code sẽ bị lỗi.

Mẹo Cho bạn : Bạn soạn thảo hết tất cả nội dung và chuyển sang Chết độ soạn thảo văn bản / HTML dán code vào và lưu / đăng bài luôn. Không cần chuyển sang Trực Quan / Viết nữa.

Share Button

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Học Thiết Kế Website Online Miễn Phí © 2017 Frontier Theme