一个简单的用户引导效果

由 愚人码头 撰写 　

差不多一年没碰jQ了，由于公司现在都用jQ，所以这几天重温了一下jQ，写了一个简单的用户引导效果,写的不好欢迎拍砖。

用户引导效果简单的谁就是将一些重要功能提示给用户，比如你注册到某个网站，第一次进入就将重要的功能或板块高亮提示给你。才疏学浅真不知用文字怎么表达，之间看简陋到不能再简陋的效果吧：

点击查看demo：http://www.css88.com/demo/UGuide/index.html

这个效果可能你也看到过，在163邮箱新注册的会员就有这个效果。

总是想着优化一下这个效果，除了table外我还想到了用border找半透明的遮罩层，这样就只用一个容器了，jq操作方便了许多

点击查看demo：http://www.css88.com/demo/UGuide/index2.html

可惜这个效果在ie8下有bug出现了横向滚动条，在ie6,ie7下更加离谱了（请看第3步和第4步），到现在还没想出解决方案，如果您知道欢迎留言告知，谢谢！

这篇日志由 愚人码头, 发表在 2010年01月25日 于 10:53 下午, 文件归档于 JS与RIA 标签为 and tagged . 添加永久链接到书签中. 获得所有评论更新使用这里的 日志RSS源. 发表评论 或者复制引用通告地址: 引用通告 URL.

或许你对这些感兴趣:

刚刚被浏览过的文章：

3 条评论

  1. 不羁虫
    发表了 2010年01月30日 在 9:34 上午 | 永久链接

    流程看明白了，不过为什么页面这么乱，没有加载样式表？

  2. rain.kx
    发表了 2010年02月9日 在 11:38 上午 | 永久链接

    刚用js写过一个新手引导..
    感觉你这个.写得..真…二

  3. 丸子
    发表了 2010年02月25日 在 10:25 上午 | 永久链接

    你这个引导的demo一点都不引导，没注意还不知道next后发生了什么。。。就黑了。。。原来下面还有。。囧

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时，昵称或个人网站填的是商业网站的，一概标记为垃圾评论不予显示，并设置相关网站为过滤关键字，提交到google、百度垃圾网站数据库