淘宝商城手风琴产品图片切换特效

作者：林炜贤来源：www.163css.com发表时间：(2011-12-13)

当同事将KZ包包的淘宝商城地址发给我时，我是很吃惊的。KZ箱包上面集中了许多网页特效，我在猜想这些东西是不是淘宝商城自带的？看了其它一些淘宝商城的页面，凭职业感觉，这些页面制作起来难度非常之大。

我的头脑中闪过一个念头，淘宝商城和淘宝有什么不同？

百度了一下，才知道，原来淘宝商城是以前淘宝的专卖店，淘宝商城是B2C的模式，产家要在淘宝商城上开店，必须有营业执照之类的。换句话说，要在淘宝商城上开店，必须有足够的资格，这也让人想到了一件事，在淘宝商城上买东西比较有保障。

在KZ这个商城上，它的主推产品是包包，好像是日系品牌。我今天向大家介绍的是这个类似手风琴的切换动画。

 

从上面这个图片来看，它跟普通的手风琴不同之处在于：当鼠标划过的时候，美女图片会变成包包的照片，这个想法够有创意吧。。

但值得一提的是，里面的代码毕竟是淘宝的代码，脚本的引用还是得按淘宝的模式，有点可惜。。

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

预览地址：http://www.163css.net/net163/cssjs/201112/tbsfq/index.html

下载地址：淘宝商城手风琴产品图片切换特效.zip