Seo Đà Nẵng

Seo top 10 google, Thiet ke website, catalog tai Da Nang

Tìm kiếm

MEOW HOTEL & CAFE. Được tạo bởi Blogger.

Pages

Meow Hotel & Cafe

373/3 Phạm Ngũ Lão, Phường Phạm Ngũ Lão, Quận 1, Thành phố Hồ Chí Minh
0963006728
dngseo@gmail.com
https://www.facebook.com/meowhotelcafe/

Rê chuột chuyển hình đơn giản nhất cho Web - Blog

  Seo Đà Nẵng      
Làm thế nào để rê chuột mà hình ảnh thay đổi nhau?
Việc thay đổi hình ảnh khi rê chuột tới tạo nên 1 hình ảnh sống động trong nhiều hình ảnh hơn. Thủ thuật này được khá nhiều Website, blog khác nhau sử dụng. Có thể là những blog về những mặt hàng cần giới thiệu được nhiều hình ảnh cho khách hàng thấy. Chỉ cần sử dụng 1 hiệu ứng onclick trong HTML là chúng ta có thể làm được việc đó. Với việc sử dụng code đơn giản này không hề ảnh hưởng tới tốc độ tải (Load) của site như sử dụng javasript.
Ví dụ mình có 2 ảnh sau:
Rê chuột chuyển hình đơn giản nhất cho Web - ảnh bìa Facebook song ngu de thuong
Hình 1

ảnh bìa Facebook song ngu de thuong
Hình 2
Và mình sử dụng Code mẫu:
<a href="http://seotopseo.blogspot.com"><img src="IMAGE-1-LINK" onmouseover="this.src='IMAGE-2-LINK'" onmouseout="this.src='IMAGE-1-LINK'" /></a>
Trong đó:
IMAGE-1-LINK: là URL của link hình 1
IMAGE-2-LINK: Là URL của link hình 2
Ví dụ Code và kết quả minh họa
<a href="http://seotopseo.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvSauYZfbWE_lhguYmgVbiM2U6KMEWwA5sGithE0zfhKH3mMhUPclafk9SKx75rHaEfaLUUuuHUlEj8wT192gRnJWiXFh0cOUq08Sw3_A64xNs7eFzqZzwFIc2P8T9Q1xGnSiFjWg7a2J/s640/anh-bia-fb-de-thuong-3.jpg" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOX083aj2rmE0IRfXkZcvJdgRxejHN7vLdSQIHhijAHlvq7i_Ge-bdZNAn0Z_sBaDP59yS_PAEjz7Q_ZzcPlVXg8VG3rkL8DvhyphenhyphenrAYdYPH7DgCTU8CBgS2WpZ8ApfT1b0tEZN0J5BFxIxl/s640/anh-bia-fb-de-thuong-5.jpg'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvSauYZfbWE_lhguYmgVbiM2U6KMEWwA5sGithE0zfhKH3mMhUPclafk9SKx75rHaEfaLUUuuHUlEj8wT192gRnJWiXFh0cOUq08Sw3_A64xNs7eFzqZzwFIc2P8T9Q1xGnSiFjWg7a2J/s640/anh-bia-fb-de-thuong-3.jpg'" /></a>
Kết quả:


logoblog

Thanks for reading Rê chuột chuyển hình đơn giản nhất cho Web - Blog

Previous
« Prev Post

Xem trên bản đồ