Question

我想为首次登录用户创建网站导览，以引导他们浏览网站。我google了很多，但只是可以获得一个免费的网站游“插件”，这是：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里面或者只是在普通的View页面？如果它应该在普通的View页面中，那我该如何调用tour函数??

真的希望能在这里得到一些帮助......也欢迎任何其他插件推荐。

Answer 1

使用指南-JC https://github.com/jeff-optimizely/Guiders-JS。

这是一个jquery插件，允许您创建漂亮的网站功能导览，向您的用户介绍您网站的功能。

以下是工作插件的示例：http://jeffpickhardt.com/guiders/

Answer 2

就个人而言，我只是创建了一个经过精心编辑的视频，因为它对用户来说可能更容易和更友好。

如果您仍然想要看似看似奇特的路线，那么只需要为您的巡视开始页面，然后突出显示用户应使用链式动画和描述性弹出窗口按下的项目，以告知用户正在进行的操作（所有这些都可以通过对jQuery的基本了解轻松完成。如果您需要跨越多个页面，您很可能希望根据查询字符串动态生成漫游JavaScript代码，或者发布指示要在巡视模式下查看页面的值。老实说，你可以编写数百甚至数千行代码，让它按照你想象的方式工作。

我见过的大多数旅行（银行倾向于经常使用它们）总是以视频为基础。它更容易制作，更清洁，并且需要用户更少的交互（更少的错误空间;））

如何使用jQuery创建网站游览

2 个答案: