Tương tự LionBars,
SlimScroll là 1 plugin khác của jQuery hỗ trợ cho người làm web tạo ra một thanh cuộn mang cá tính mới cho trang web của mình.
Trước tiên phải có thư viện
jQuery ,
jQuery-UI và SlimScroll. Sau đó thêm đoạn mã:
1 | <script type="text/javascript" src="jquery-1.8.0.min.js"></script><br> |
2 | <script type="text/javascript" src="slimScroll.min.js"></script><br> |
3 | <script type="text/javascript" src="jquery-ui.js"></script> |
Đoạn văn bản muốn hiển thị:
1 | <div id="test"><p>Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis
interdum condimentum consectetur, nisl libero elementum eros, vehicula
congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia
id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus
egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel
tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit.
Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus.
Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros
lobortis vel semper sapien pulvinar.</p></div> |
Sau đó bạn cần thêm đoạn mã javascript gọi slimScroll lên làm việc:
1 | <script type="text/javascript"> |
2 | $(function(){$('#test').slimScroll({height: '250px',});}); |
No comments:
Post a Comment