当当网电脑办公竖向幻灯片

作者:林炜贤来源:www.163css.com发表时间:(2011-01-10)

首先申明一下:由于ie6不支持“类不支持Automation”,导致此动画在ie6下无法正常显示,网上有各种各样的解决方法,但我尝试了,都无效,在此表示遗憾,浏览器在改进,ie6的许多缺陷让我无奈。

当我点击进入当当网的电脑办公栏目时,看到了一个flash切换动画,这种常见的动画估计大家都习惯了,但没有他们又不行。不过,当当的这个动画让人觉得有点新闻,它将切换的数字放到了右侧。

由于采用了滤镜,因此在FF这样的浏览器下,我们看不到那种完美的效果,真想不懂FF为何一直不支持滤镜。

"FILTER: revealTrans(duration=1,transition=23)"这一句代码,可以用来改变切换的方式,用户可以自行修改,第一次拿这个动画时,文件另存为发现用不了,当时让我非常伤心,原来发现原来少了min.js,另存为后这个脚本少了.js,因此动画完成不了,还好搞出来,挺开心的。

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

动画虽然简单,但到了需要它的时候,你就会觉得它重要了。

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

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

下载地址:当当网电脑办公竖向幻灯片 .rar

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