Breaking

Friday, October 26, 2012

Các kiểu bo góc hình lập dị

Trước tiên, bạn cần download jquery và Corner plugin. Sau đó thêm vào trong thẻ <head> của trang web:


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">  $("div#a").corner("b");  </script>

Các loại bo tròn góc sẽ có chung cú pháp
 $("div#a").corner("b");
Trong đó a: là tên thẻ DIV, b là tên hiệu ứng

Tham khảo các thư viện hiệu ứng sau








Tuy nhiên không phải máy tính nào cũng hiển thị đúng nhất là những ai ít để ý cập nhật trình duyệt mới nhất cho mình.

Mặt khác để bo góc như vậy site cần gọi đến 2 file *.js, xem ra như thế thì thà dùng ảnh nền có khi dung lượng site lại ít hơn! Tất nhiên trong trường hợp site có nhiều box và site có khách xem ưa công nghệ, chủ yếu sử dụng trình duyệt chạy tốt với CSS.

Thanks: malsup.com

No comments:

Post a Comment