当一个网站或者一个Web应用推出新功能时,为了让用户知道你的站点(或应用)如何操作?为了让你的用户有更好的体验。往往这个时候都会给你的站点(应用)添加一个分步指引的效果。然而这样的效果,对于不懂原生js的同学来说,是件蛮头痛的事情。下面为大家介绍这样一些jQuery插件帮助你实现分步指引的效果,你可以根据自己需求定制,更强的是他们都具有一个时尚的外观效果,而且简单易用。
Intro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导航方式。
aSimpleTour 使用JSON数据进行存储配置和内容。
一个浮动窗帮助管理重点元素的游览,工具提示(可以定位)。
PageGuide. js 是一个利用jQuery 与 CSS3实现的交互式可视化网页向导组件,通过 PageGuide.js 可制作出友好的帮助提示。
一个简单,但实用的插件。所有明细和内容都定义在JS中。它还提供选项来定tooltips的位置和颜色。
这个是Intro.js的Bootstrap版本。
这个jQuery网站导航在Bootstrap Popovers中加载内容。
导航步骤和内容都定义在JavaScript中,它拥有许多的选项来定义其行为。
这个插件拥有许多的选项来定外观和步骤之间的延迟,设置要初始显示的项目,等等。
这个插件采用CoffeeScript+Less + CSS开发。
jQuery TourBus 非常易于定制,可手动显示其他步骤或自动播放。
所有用引导的步骤和内容都定义在JS中,它拥有一个完整的API,支持callbacks, keyboard。并能够自定义外观。
以一种不同的可视化方式来引导用户浏览网站。
Crumble使用采用冒泡的界面,所有的步骤定义在一个有序的列表
来源:open资讯
共有0个评论 我要评论»
网友回复/评论仅代表其个人看法,并不表明本社区同意其观点或证实其描述。
1.不欢迎无意义的回复/评论和类似“顶”、“沙发”之类没有营养的文字
如果只是想简单的表个态,请点 有用无用支持反对 等按钮
2.发言之前请再仔细看一遍文章,或许是您遗漏、误解了,理性讨论、切莫乱喷
3.严禁发布违法、违规的信息,请勿到处招贴广告、发布软文;
4.如果您发现自己的回复/评论不见了,请参考以上3条
5.不停制造违规、垃圾信息的,账户将被禁止