当当网"新版调查"按钮动画设计

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

之前我搞过百度“有啊”返回顶部按钮的制作,但在ie6下却经常出现问题没办法根据滚动条实现滚动,今天现当当网很好地解决了这个难题。然而,当当网并没有将它作为“返回顶部”的应用,而是作为新版调查的超链接。

当然,我们用这个动画,可以作为“返回顶部”的应用,也可以超链接新窗口打开。

实事上,脚本是很简单的,不过是建设在jquery的基础上的,可见jquery的强大。

取得div的id,确定scrollTop,加上一个display:block?none就可以实现超过高度就显示按钮,真是新鲜!

但我这里强调一下,我们这个动画还是主要用在返回顶部的功能中!

ie6,7,8,ff我都测试过了,完全兼容。

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

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

下载地址:当当网新版调查按钮动画设计.rar

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