"施华洛世奇水晶"图片切换类似flash动画设计

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

施华洛世奇水晶,这是什么?之前我也不知道,是同事将这网站发给我看的,非常漂亮,不过现在的首页采用的是flash设计了,去年它的首页是三张图片,中间是大图,两边是小图,底下带有按钮,其实也就是我今天介绍的这个动画。

代码里的图片位置采用的是绝对地址,有大图有小图,点击右侧小图,中间的大图就跑到右侧,相应的左侧图片就跑到中间了,右边的跑到左边,真是牛。当然牛的东西总是要付出代价的,Prototype.js的东西可真够多的,并而且还有一个集成类的Toolclasses.js,看到头晕。

用户如果要根据页面来调整图片大小及位置,需要在Landingpage.js里面进行修改。

以下是我制作的效果截图,由于中秋节到了,所以我将水晶图片换成月饼了,哈哈。

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

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

下载地址:施华洛世奇水晶图片切换类似flash动画设计.rar

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