jquery弹窗在"注册页面"中的巧妙应用

作者:林炜贤来源:www.163css.com发表时间:(2010-09-07)

注册页面,估计是每个大型网站都必备的,像小型的企业网站估计就可以省略了。而在注册里中,肯定有一个服务条款,要你同意后才注册。通常大家是不会去看这个条款的,有的网站就来个倒计时,10秒后才让你点击“同意条款”。

最主要是它能完美兼容IE6。以前我也做过这样的动画,但在IE6下就出错了,得写宽度和高度,对不很友好,而这个却能完美兼容,牛!

而我今天要介绍的这个是巧妙利用“弹出层”来制作服务条款。当用户要阅读服务条款的时候,点击一下,界面就会变暗,缓慢弹出服务条款内容,点击“阅读完毕”按钮,即可以关闭层,这个层也会渐渐消失,这就是jQuery的强大力量了,不愧是“不唐突的javascript”。

以下是我制作的效果截图:

这是初始页面;点击“打开阅读条款”后:

怎么样?不错吧。

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201009/tccyy/index.html

下载地址:弹出窗口在注册页面中的巧妙应用.rar

返回作者主页:www.163css.com阅读 (11017)
更多 1