"施华洛世奇水晶"图片切换类似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