如何使用 jQuery 创建网站游览
我想为首次登录用户创建一个网站导览，以引导他们浏览网站。我用谷歌搜索了很多，但只能得到一个免费的网站游览“插件”，就是这样的： http://tympanus.net/codrops/2010/12/21/website-tour/
但是，给出的介绍太简短，我不明白如何使用它。我知道我需要为我想要遍历的元素提供类，并声明这一点：
var config = [
{
"name" : "tour_1",
"bgcolor" : "black",
"color" : "white",
"position" : "TL",
"text" : "Some text here",
"time" : 5000
},...
]
但我不知道我应该在哪里声明这一点？在 jquery.tour.js 内还是在普通视图页面？如果它应该在正常的视图页面中，那么我应该如何调用游览功能？
真的希望能在这里得到一些帮助...也欢迎任何其他插件推荐。
I want to create a website tour for first-time login user to guide them through the website. I googled a lot but yet just can get one free website tour "plugin", which is this: http://tympanus.net/codrops/2010/12/21/website-tour/
However, the introduction given is too brief which I could not understand how to use it. I understand i need to have class for the element I want to go through, and declare this:
var config = [
{
"name" : "tour_1",
"bgcolor" : "black",
"color" : "white",
"position" : "TL",
"text" : "Some text here",
"time" : 5000
},...
]
But I got no idea where should i declare this? inside the jquery.tour.js or just at normal View page? If it should be in normal View page, then how should i call the tour function??
Really hope can get some help here... Any other plugin recommendation is welcomed too.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 Guiders-JS https://github.com/jeff-optimizely/Guiders-JS 。
它是一个 jquery 插件，可让您创建精美的网站功能导览，向用户介绍您网站的功能。
以下是该插件工作的示例： http://jeffpickhardt.com/guiders/
Use Guiders-JS https://github.com/jeff-optimizely/Guiders-JS.
It's a jquery plugin that allows you to create beautiful website feature tours that introduce your users to your site's functionality.
Here is an example of the plugin at work: http://jeffpickhardt.com/guiders/
就我个人而言，我只是创建一个经过精心编辑的视频，因为它对用户来说可能更容易、更友好。
如果您仍然想走看似奇特的路线，那么只需为您的游览提供一个起始页面，然后突出显示用户应使用链接动画和描述性弹出窗口按下的项目，以告知用户正在发生的事情（所有这些都很容易完成对 jQuery 有基本的了解）。如果您需要跨多个页面，您很可能希望根据查询字符串动态生成游览 javascript 代码，或者发布指示要在游览模式下查看页面的值。老实说，您可以编写数百甚至数千行代码来使其按照您可能想象的方式工作。
我见过的大多数旅行（银行往往经常使用它们）都是基于视频的。它更容易制作、更干净，并且需要用户的交互更少（出错的空间更小；））
Personally, I'd just create a well-edited video, as it's probably easier and friendlier to the user.
If you still wanted to go the seemingly fancy route, it's just a matter of having a start page for you tour, then highlighting items that the user should press with chained animations and descriptive popups to inform the user of what's going on (all easily done with a basic understanding of jQuery). If you need to cross multiple pages, you'll most likely want to dynamically generate the touring javascript code based off of a query string, or post value that indicates the page is to be viewed in a tour mode. Honestly, you could write hundreds, even thousands of lines of code to get this to work just the way you're probably imagining.
Most tours that I've seen (banks tend to use them a lot) are always video based. It's easier to make, cleaner, and requires less interaction from the user (less room for error ;) )