Saturday, April 20, 2024
HomeNgôn ngữ lập trìnhCSSThanh cuộn trên web mang phong cách OSX với LionBars

Thanh cuộn trên web mang phong cách OSX với LionBars

LionBars là một plugin của jQuery cho phép bạn tùy biến thanh cuộn (scrollbars) của bất kỳ trang web (hoặc thành phần trong trang) theo phong cách Mac OSX. Thanh cuộn được hiển thị giống nhau ở tất cả các trình duyệt (yêu cầu bản 8+ với trình duyệt IE) và tất cả hệ điều hành.

Cách sử dụng

Sau khỉ tải plugin về, bạn cần thêm plugin vào trang web (tất nhiên là thêm sau jQuery nhé):

[code=’html’][/code]

Thêm style mà bạn muốn (bạn có thể tùy biến style để tạo thanh scroll như ý muốn), ví dụ:

[code=’html’]@include ‘lionbars.css’; [/code]

Đoạn mã trên là include vào trong 1 file .css, bạn có thể thêm trực tiếp vào file html bằng thẻ <link stylesheet

Cuối cùng là gọi hàm .lionbars() ở các phần tử bạn muốn tùy biến thanh cuộn

[code=’html’]$(‘#box’).lionbars(); [/code]

(Theo ntuts)

Xem thêm ở đây: http://www.webresourcesdepot.com/osx-style-scrollbars-with-jquery-lionbars/

[dlf t=”Tải file plugin allenwei-jquery-lionbars-v0.0.4-0-gea5ccae” l1=”https://nphunghung.com/wp-content/uploads/2012/07/allenwei-jquery-lionbars-v0.0.4-0-gea5ccae.zip”]

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular