软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 新闻 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

jQuery的页面功能向导插件-Pageguide.js

时间:06-27 09:30 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  大家可能都有过这样的开发经验,用户无法真正的了解如何使用一个设计非常讲究并且功能非常炫酷的网站,这样的情况的确非常让人沮丧,即使是微软开发的office,也有同样的问

帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js

大家可能都有过这样的开发经验,用户无法真正的了解如何使用一个设计非常讲究并且功能非常炫酷的网站,这样的情况的确非常让人沮丧,即使是微软开发的office,也有同样的问题,现在的office使用就是一个迷宫游戏,永远无法第一眼找到自己需要的功能。

为了解决这样的问题,一个非常好的方案就是形象化的将功能区域有效的展示给用户,并且添加适当的功能说明。不过这样的功能自己开发起来可能相对比较麻烦,有没有更好的方式呢?

今天这里我们介绍一个不错的jQuery插件 - Pageguide.js,使用这个插件可以有效的帮助你生成网站使用的向导,用户可以很直观的了解网站的内容和相关功能使用,而作为网站来说,我们不需要自己开发相关功能,只需要整合pageguide到我们的网站即可。

使用Pageguide.js将会添加一个“向导”按钮到你的网站,当你点击它的时候,将会高亮显示我们需要说明的网页元素,并且附带部分的文字说明。你的用户可以很容易的了解如何使用这些功能。

主要特性

1.和页面内容不冲突

2.使用jQuery和CSS3来实现

3.使用简单,支持自动滚动

4.支持现代浏览器

如何使用

倒入类库及其CSS:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script src="javascripts/pageguide.js"></script><link rel="stylesheet" href="stylesheets/pageguide.css">

指定<ul>来添加需要展示在页面上的使用向导:

添加如下javascript代码:

<script type="text/javascript"> $(document).ready(function() { tl.pg.init(); })</script>

搞定!现在你可以看到使用向导按钮了!

帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js

是不是非常方便,如果你需要给你的网站添加使用向导的话,Pageguide绝对是一个不错的选择!

来源:帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,jQuery的页面功能向导插件-Pageguide.js对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与jQuery的页面功能向导插件-Pageguide.js无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈