一个简单的用户引导效果

时间:2010年01月25日作者:愚人码头查看次数:4,084 views评论次数:3

差不多一年没碰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步),到现在还没想出解决方案,如果您知道欢迎留言告知,谢谢!

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《一个简单的用户引导效果

如果你读了我的文章,觉得有帮助: 说明
标签:分类:JS
3条评论
  1. 不羁虫留言于:2010年01月30日09:34

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

    [回复]

  2. rain.kx留言于:2010年02月09日11:38

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

    [回复]

  3. 丸子留言于:2010年02月25日10:25

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

    [回复]

发表评论

*

*