Bạn muốn hướng dẫn người dùng hoặc giới thiệu Website của bạn một cách trực quan nhất nhưng chưa biết làm thế nào? Intro.js sẽ giúp bạn tạo các bước hướng dẫn một cách dễ dàng, linh hoạt và sinh động.
Intro.js là mã nguồn mở và tự do sử dụng. Ưu điểm của nó là không phụ thuộc, nhanh và nhỏ chỉ 10KB với Javascript và 2,5KB với CSS, thân thiện với người dùng bằng bàn phím hoặc chuột. Dễ dàng thay đổi chủ đề cho trang Web của bạn. Tương thích với nhiều loại trình duyệt.
Cách sử dụng
Intro.js có thể được thêm vào trang web của bạn theo ba bước đơn giản:
1) Bao gồm intro.js và introjs.css (hoặc phiên bản đã được minified rút gọn) trong trang của bạn. Sử dụng introjs-rtl.min.css cho hỗ trợ ngôn ngữ từ phải sang trái.
2) Thêm data-intro và data-step các phần tử HTML của bạn. Để thêm các gợi ý bạn nên sử dụng data-hint thuộc tính.
Ví dụ:
< a href = ' http://google.com/ ' data-intro = ' Xin chào bước đầu tiên! ' > </ a >
Xem tất cả các thuộc tính ở đây .
3) Gọi hàm JavaScript này:
introJs().start();
Tùy chọn, vượt qua một tham số để introJs chức năng để giới hạn phần trình bày.
Ví dụ: introJs(".introduction-farm").start(); chạy phần giới thiệu cho các phần tử class='introduction-farm'.
Có thể xem trước Intro.js hoạt động thế nào [nhấn vào đây ##eye##]
Ad có thể hướng dẫn chi tiết hơn được không
Trả lờiXóaBạn chịu khó vào trang introjs.com để biết chi tiết nhé! Hoặc bạn có thể bấm liên kiết nhấn vào đây trên bài viết.
Trả lờiXóa