Acer带loading幻灯片

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

在幻灯片加载中,加载上loading,是不是一个创意?相对于简单的自动切换,这样的做法,给人耳目一新。我们先看下这个网址:http://www.acer.com.cn/ac/zh/CN/content/home。

我们看下,右侧是小图,左侧是大图,这样的切换,我们做过许多,亮点就是那个滚动条,当这加载完时,图片就自动切换,真是神奇。

脚本这一块,我们也不多说,因为代码是插件的模式。

这是滚动条的写法。

看了这些插件的写法,总会觉得自己水平不行,呵。。。

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

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

预览地址:http://www.163css.com/hihilinxuan/cssjs/2013/07/acerpic/index.html

下载地址:Acer带loading幻灯片.zip

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