Share Hướng dẫn sử dụng thư viện W3.JS để thiết kế giao diện website

[filiallion]

Language

Tiếng Việt

Nếu các bạn đang sử dụng thư viện W3.CSS mà tôi đã giới thiệu ở bài viết "Sử dụng thư viện W3.CSS để thiết kế giao diện website" để thiết kế giao diện website thì không lý do gì lại không sử dụng thư viện JavaScript W3.JS để hỗ trợ cho việc thiết kế. W3.JS là một thư viện JavaScript do W3Schools phát triển, cung cấp nhiều thành phần từ cơ bản đến cao cấp như slideshow, sort,... và kèm một số hiệu ứng, thành phần hỗ trợ việc xây dựng giao diện website.

Để sử dụng thư viện W3.JS, các bạn tải tại địa chỉ https://www.w3schools.com/w3js/w3js_downloads.asp và tích hợp vào website với dòng mã lệnh HTML như sau:

<script src="path/to/w3.js"></script>

Bây giờ, các bạn có thể sử dụng các thành phần do W3.JS cung cấp như ví dụ sau:

<ul id="sort">
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>
<button type="button" onclick="w3.sortHTML('#sort', 'li')">Sort</button>

Trên đây chỉ là một ví dụ đơn giản để tạo một thành phần sắp xếp, các bạn có thể tìm hiểu thêm tất cả các thành phần khác của W3.JS tại địa chỉ https://www.w3schools.com/w3js/default.asp.