Viet Nam PHP BlogVì sự phát triển của PHP Việt Nam

Reflection.js là 1 thư viện dùng để tạo đổ bóng nước cho ảnh, phiên bản cũ sử dụng prototype, nay với Jquery bạn cũng có thể có được hiệu ứng như vậy với các khởi tạo hết sức đơn giản. Với plugin Reflect JQuery.

- Đầu tiên bạn chỉ cần chèn mã thư viện jquery và jquery.reflect.js vào trang web của bạn

- Sau đó đặt class cho ảnh muốn có hiệu ứng Reflect:

$(document).ready(function() {
$(’img.reflect’).reflect();
})

Có 2 cách để bạn có thể thiết lập các thông số cho hiệu ứng:

$(’img.reflect’).reflect({height: 0.3, opacity: 0.6});
2 tham số height và opacity là số thập phân giữa 0 và 1

Cách thứ 2 là dùng các class chèn trực tiếp vào ảnh.

<img src=”something.jpg” class=”reflect rheight30 ropacity60″ />

Demo: http://brendoman.com/dev/reflect

Các bạn có thể xem thêm tại đây:

http://jquery.com/plugins/project/reflect