一个简单的用户引导效果

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

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

点击查看demo:https://www.html.cn/demo/UGuide/index.html

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

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

点击查看demo:https://www.html.cn/demo/UGuide/index2.html

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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 一个简单的用户引导效果

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    不羁虫9年前 (2010-01-30)回复
  2. #-48

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

    rain.kx9年前 (2010-02-09)回复
  3. #-47

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

    丸子9年前 (2010-02-25)回复
  4. #-46

    我在寻找兼容低版本 IE 的解决方案,看到了这个。。。整个人都……………… Orz 了额…………

    袁源4年前 (2014-09-03)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏