Công cụ Javascript cho các ứng dụng đơn trang hướng dẫn

Question

Tôi đã thấy một lần công cụ javascript (jquery plugin có thể) để thực hiện tính năng/hướng dẫn chức năng tham quan, rất tiếc là tôi chưa đánh dấu trang.

Nó đã sử dụng lớp phủ và tập trung vào các yếu tố tài liệu, dựa trên các thuộc tính id có thể.

Joyride hoặc bất cứ điều gì tôi đã tìm được googling không hỗ trợ này.

Bạn có điều gì trong đầu không?

Answer 1

jquerypowertour.com có thể làm nổi bật các yếu tố và hơn thế nữa. Tôi đã không sử dụng nó, nhưng nó có vẻ khá mạnh mẽ.

Nhưng tôi nghĩ rằng một cái gì đó giống như JoyRide hoặc Guiders-JS có thể dễ dàng được sửa đổi để làm kết hợp với jQuery Highlighter plugin - Demo

Answer 2

Sideshow là một thư viện hiện đại và mạnh mẽ để tạo ra các tour du lịch tương tác cho các ứng dụng web và các trang web.

Không chỉ hướng dẫn người dùng của bạn, Sideshow có thể tương tác với họ:

• Highlight phần bạn đang nói về trong mỗi bước (một hình thức, div, hình ảnh, lĩnh vực, và vv), bởi mặt nạ phần còn lại của màn hình (Sideshow không sử dụng cách tiếp cận z-index cho điều này, mặt nạ của nó không được định vị phía sau phần tử, nhưng thực sự bao quanh nó).
• Theo dõi hành vi của người dùng và trạng thái của một số màn hình.
• Tạo bước thông minh cho hướng dẫn của bạn, mà tiến hành tự động khi một số điều kiện được thỏa
• Tạo mối quan hệ giữa hướng dẫn của bạn, theo cách này, khi người dùng của bạn kết thúc một số hướng dẫn, một danh sách với các tour du lịch có liên quan được hiển thị.
• Sử dụng Markdown cho giàu định dạng mô tả bước
• Sử dụng sự kiện (ví dụ beforeStep/AfterStep, beforeWizardStarts/afterWizardEnds) để thực hiện một số chuẩn bị hoặc bất cứ điều gì khác
• Hiện hướng dẫn ngữ cảnh theo màn hình đang được xem bởi người dùng của bạn, mỗi hướng dẫn có các điều kiện riêng để kiểm tra xem nó có đủ điều kiện cho màn hình đó hay không

Và các tính năng mạnh khác!

Answer 3

Intro.js là phần giới thiệu tốt hơn cho các trang web và tính năng với hướng dẫn từng bước cho các dự án của bạn.

Các tính năng:

• Keyboard + Mouse navigation
• nhanh & nhỏ
• Trình duyệt Compatibllity
• miễn phí & nguồn mở