梦芭莎底部弹出窗口动画设计

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

至于广告的做法,大家会想到哪些?漂浮代码还是左右对联?今天我要向大家介绍的是底部弹出窗口的广告,而这个动画最初来着于梦芭莎。梦芭莎非常值得夸奖,其网站设计非常精美,呵呵,或许跟那些内衣美女也有一定关系,当然这是开玩笑,梦芭莎网站的确不错!

打开梦芭莎的网站,右下角会缓慢地弹出一个广告窗口,这种缓慢的速度并没有采用jquery,而仅仅是js脚本,并且,随着滚动条,还可以一直贴于底部。当然了,跟滚动条发生关系,我们就会想到了position:fix;而这个在ie6是不支持的,因此,在ie6下,你看不到那么完美的动画了,可惜!

梦芭莎不知采用了什么的代码,使得广告窗口在ie6下能向下滑动,但我觉得不够完美,因些放弃了。估计用户看到这个广告窗口第一件事就是去关了它!呵呵,没什么人喜欢看广告。点击关于之后,窗口会向下滑动并消失,其实是将高度变成0,真是有想法。

这种向上的弹出广告,我很容易就想到了太平洋网络的弹出窗口,在首页,呵呵,挺像的!

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

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

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

下载地址:梦芭莎底部弹出窗口动画设计.rar

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