当一个网站或者一个Web应用推出新功能时,为了让用户了解你的站点(或应用)如何操作,往往都会在站点(应用)中添加一个分步指引的效果。然而这样的效果,对于不懂原生JS的同学来说,是件很头痛的事情。
下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件,你可以根据自己需求定制,它们都具有一个时尚的外观,而且简单易用。
1. Intro.js
Intro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导航方式。
2. aSimpleTour
aSimpleTour 使用JSON数据进行存储配置和内容。一个浮动窗帮助管理重点元素的浏览、工具提示(可以定位)。
3. Pageguide.js
PageGuide.js 是一个利用jQuery 与 CSS3实现的交互式可视化网页向导组件,通过 PageGuide.js 可制作出友好的帮助提示。
4. Joyride
Joyride是一个jQuery插件,可以利用它来创建一个引导用户如何操作网站功能的向导。通过定义一个操作步骤顺序,这个插件会在需要操作的HTML元素旁边显示一个帮助说明的Tooltips。
5. Website Tour
一个简单但实用的插件。所有明细和内容都定义在JS中。它还提供选项来定义tooltips的位置和颜色。
6. Bootstro.js
这个是Intro.js的Bootstrap版本。
7. Bootstrap Tour
这个jQuery网站导航在Bootstrap Popovers中加载内容。导航步骤和内容都定义在JavaScript中,它拥有许多的选项来定义其行为。
8. jQuery Site Tour
这个插件拥有许多的选项来定外观和步骤之间的延迟,设置要初始显示的项目,等等。
9. jQuery TourBus
这个插件采用CoffeeScript+Less + CSS开发,非常易于定制,可手动显示其他步骤或自动播放。可通过函数来获得当前的步骤,或者显示特定的一个步骤。
10. Trip.js
所有用引导的步骤和内容都定义在JS中,它拥有一个完整的API,支持callbacks、keyboard,并允许自定义外观。
11. Crumble
Crumble采用冒泡的界面,所有的步骤定义在一个有序的列表。
相关推荐
帮助你生成全屏视频背景的超棒jQuery插件实例,附带源代码
Uploadify是JQuery的一个上传插件,实现的效果非常不错,文档内容详细有条理 特别适合Uploadify初学者 api丰富
可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望...
这是一个并不引人注目的 jQuery 插件。 2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件。 3. EZPZ Tooltip 非常简单的使用边框的 tooltip,同样也可以跟随鼠标。 4. BsTip 各种简单的 ...
有趣的jquery搜索框插件zySearch是一款用户体验超棒,搞笑,新颖搜索框代码。
kinetic 是一款超棒的 JavaScript 动态滚动系列的示例和教程集合。在线演示 标签:jQuery
Snippet 是一款超棒的代码高亮插件,支持15种流行语言,有数十种配色方案供选择,酷! Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件,很棒! Animate ...
jQuery超棒动态表单验证效果.zip
超级棒的前端点赞功能,方便且实用
NULL 博文链接:https://justcoding.iteye.com/blog/2074425
对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。 1. Learning jQuery 最好的 jQuery 资源博客之一,从 jQuery 高手那里获得宝贵的经验。 2. ...
人物图片皮肤修复工具,效果超棒,更多选项,请下载试用,设计师的必备PHOTOSHOP 插件
超棒的环形菜单效果jQuery插件,效果不错,适合做图片查看
非常实用的特效代码,可以完美运行,可以二次修改!
随着页面扁平化的普及,越来越多的网站都开始使用响应式布局,作为一个优秀的前端工作者,必须要精通的,这里给大家推荐一款响应式布局的jQuery插件。
一个超棒可视化学习函数式编程的游戏
内容包括: 超棒的jquery上传插件Uploadify3.1中文详细参考手册.pdf jquery.uploadify-3.1.rar
有趣的jquery搜索框插件zySearch是一款用户体验超棒,搞笑,新颖搜索框代码。