Hot Post

Hiệu ứng Rollover khi rê chuột vào hình ảnh cho Blogger


How to Create Rollover Image Effect in Blogger

Hiệu ứng này đơn giản chỉ là khi bạn rê chuột vào hình ảnh sẽ hiện ra một hình khác. Nó sẽ giúp cho website của bạn trông chuyên nghiệp hơn trong mắt người xem.


Cách thực hiện:

1Khi đăng ảnh bạn chỉ cần đăng theo cú pháp sau
 <a href="LINK-OF-WEBSITE"><img src="URL-OF-YOUR-FIRST-IMAGE" onmouseover="this.src='URL-OF-YOUR-SECOND-IMAGE'" onmouseout="this.src='URL OF YOUR FIRST IMAGE'" /></a> 

2Trong đó:
- URL-OF-YOUR-FIRST-IMAGE là hình ảnh mặc định
- URL-OF-YOUR-SECOND-IMAGE là hình ảnh sẽ hiển thị khi rê chuột vào

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by mbx/Iris Tips
Đăng ký nhận tin khuyến mãi, thủ thuật mới

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ <b>chữ in đậm</b>
  • - Để viết chữ in nghiêng hãy sử dụng thẻ <i>chữ in nghiêng</i>
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).
  • - Bạn có thể upload hình ảnh, tập tin trực tiếp từ máy tính bằng cách sử dụng công cụ Up ảnh hoặc Up file ở bên dưới.
  • - Bạn có thể check vào ô Notify me ở khung nhận xét để nhận thông báo qua email khi ai đó trả lời bình luận của bạn.

2 Comments

  1. Bạn ơi mình muốn khi mình đưa chuột ra thì nó sẽ trở lại hình ảnh mặc định chứ nó không phải ở vụ trí khi mình đưa chuột vào :(
    Bạn biết làm không ?

    Trả lờiXóa
    Trả lời
    1. Bạn nói rõ hơn được không mình không hiểu ý của bạn lắm.
      Hiệu ứng này khi bạn rê chuột vào hình ảnh thì hình ảnh sẽ chuyển sang một hình khác, rê chuột ra nơi khác thì sẽ trở lại như ban đầu. Mặc định là vậy rồi bạn.

      Xóa

Đăng nhập bằng Google


Cùng tham gia bình luận bài viết này nhé!