11个指导用户使用的网站导航jQuery插件

当网站迎来了一个新的访客,你很难了解他的浏览习惯和理解能力,所以你需要一个可以指导用户如何使用你的网站的功能。使用强大的jQuery可以满足你的需求。下面有11个指导使用的网站导航jQuery插件。


Intro.js

Intro.js jQuery Plugin

A lightweight plugin that uses data attributes and has keyboard navigation support.

It focuses on objects beautifully and pretty easy-to-setup.

aSimpleTour

aSimpleTour jQuery Plugin

aSimpleTour uses a JSON data for all the configuration and content.

While a floating box helps managing the tour, tooltips (that can be positioned however wanted) help focusing on the elements.

Pageguide.js

Pageguide jQuery Plugin

Pageguide.js offers a very slick way to provide site tours.

The steps are highlighted beautifully and a sticky footer/header allows navigating through them while providing extra info about each step.

Joyride

jQuery Joyride Plugin

This is a very nice plugin by the talented ZURB team.

It is configure using data attributes, works well in responsive layouts and has almost everything customizable.

Website Tour

Website Tour

A simple-yet-useful plugin where all the details and content are defined in JS.

There are options to customize the color and position of the tooltips.

Bootstro.js

Bootstro jQuery Plugin

That is the Bootstrap version of Intro.js.

Bootstrap Tour

Bootstrap Tour jQuery Plugin

This jQuery site tour plugin loads the content inside Bootstrap Popovers.

Tour steps + the content are both defined in JavaScript and it has lots of options to customize the behavior.

jQuery Site Tour

jQuery Site Tour

The plugin has lots of options to customize the look or delay between steps, setting the initial item to be shown and more.

P.S. While writing this article, the demo had issues.

jQuery TourBus

jQuery TourBus Plugin

The plugin is written with CoffeeScript and has styles as Less + CSS.

jQuery TourBus is very customizable, can display the steps one-after-other manually or with auto-play.

There are functions to get the current step or display a specific one (also, prev-next).

Trip.js

Trip.js - jQuery Plugin

The steps and content for the guides are all defined in JavaScript with this plugin.

It has a complete API, callbacks, keyboard support and options to customize the look.

Crumble

Crumble jQuery Plugin

A visually different way for having a site tour.

Crumble uses a bubbled interface where all the steps are defined in an ordered list (which is good for accessibility).

标签: 插件, jQuery

此文章共有条评论, 人参与