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 chèn ảnh sẽ rõ hơn khi di chuột vào

Share Button

Code chèn ảnh sẽ rõ hơn khi di chuột vào

Hướng dẫn cho các bạn code chèn hình ảnh sẽ rõ hơn khi di chuyển chuột vào. Tạo hiệu ứng đẹp mắt cho người xem.


Giới Thiệu :

    Mặc định là hình ảnh sẽ hơi mờ một chút. Tuy nhiên khi bạn di chuột vào hoặc chạm tay vào ( đối với các dòng điện thoại cảm ứng) lúc này hình ảnh sẽ rõ lên trông thấy.

   Ví dụ cụ thể : 



Code chèn ảnh sẽ rõ hơn khi di chuột vào

<a href="Link liên kết" target="blank">
<img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" style="opacity:0.6;filter:alpha(opacity=60)" src="Link Hình Ảnh"/>
</a>

   Bạn có thể bỏ phần màu xanh đi hoặc là để lại nếu muốn. Đây là phần bạn chèn link liên kết khi khách click vào hình ảnh sẽ được chuyển đến địa chỉ mà bạn đặt tại Link liên kết màu xanh.

   Bạn thay link hình ảnh ( màu đỏ ) bằng link hình ảnh của bạn nhé.

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

Bạn có thể chèn code vào bất cứ hệ thống webiste nào, blogger,wordpress…

Chú ý quan trọng : 

  Nếu bạn muốn chèn vào bài viết trên hệ thống blogger hoặc là wordpress. Thì bạn chuyển sang Văn Bản / HMTL để chèn code. Và khi chuyển sang chèn code thì không được chuyển lại Trực Quan / Viết ( Vì chuyển lại sẽ khiến code bị lỗi )

  Mẹo cho bạn : Bạn cứ viết nội dung như bình thường. Khi nào xong hết nội dung thì mới chuyển sang Văn bản / HMTL để chèn code. Chèn xong code thì lưu và đăng bài luôn. Không chuyển lại Trực quan / Viết nhé.

 

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