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 di chuột vào là phóng to hình ảnh

Share Button

Code di chuột vào là phóng to hình ảnh

Giới thiệu code di chuột vào là phóng to hình ảnh lên. Áp dụng cho các hình ảnh tại bài viết hoặc các hình ảnh đơn lẽ mà bạn muốn sử dụng.


Giới thiệu :

   Như bài viết trước tôi đã giới thiệu cho các bạn code tự phóng to tất cả hình ảnh trên blogger khi di chuột hoặc chạm tay vào ( Đối với điện thoại cảm ứng ).

Xem thêm : Code phóng to hình ảnh trên blogger khi di chuột vào

   Và hôm nay tôi sẽ hướng dẫn cho các bạn code di chuột và là phóng to hình ảnh. Áp dụng cho các hình ảnh riêng lẻ mà bạn muốn. Code có thể sử dụng trong tất cả hệ thống thiết kế website, blog, bài viết, trang…

Ví dụ :

 

Code di chuột vào là phóng to hình ảnh

<script type="text/javascript">
//<=!=[=C=D=A=T=A=[
if (top.location != self.location)
{top.location = self.location}
var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-18506635-11"]);_gaq.push(["_setDomainName",".nl-mus.blogspot.com"]);_gaq.push(["_trackPageview"]);(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
//]=]=>
</script>

<style>
.demo1{
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.demo1:hover{
moz-transform: scale(1.5) rotate(0deg);
-webkit-transform: scale(1.5) rotate(0deg);
position: relative;}
</style>

<img src="link-hinh-anh" width="240" class="demo1"/>

   Bạn có thể chỉnh sữa nội dung màu đỏ.

Trong đó :

 1.5  = Mức độ phóng to hình ảnh gấp bao nhiêu lần

  link-hinh-anh  =  Link hình ảnh của bạn

Chúc bạn thành công

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