淘宝商城产品展示效果制作--点击按钮图片滑动小图显示大图

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

今天在QQ群里碰到一个朋友需要制作一个产品展示效果,这个效果是模板淘宝商城的,其特色在于带有左右控制按钮,点击小图时可以显示大图,滑动效果非常流畅。

我很喜欢这个效果,花了2个多小时从淘宝网上偷了下来,淘宝网采用了css sprite图片集合技术,为了用户的简单使用,我将它改成小图片模式了,

需要说明的是,由于代码是放在textarea里面,所以采用了<代码“<”,可能用户需要有一定CSS技术才能正确使用。

以下是我做出来的效果图:

由于原来淘宝的代码难以在页面中使用,我们采用JQUERY进行改进。。。

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

预览地址:http://www.163css.net/net163/cssjs/2012/12/tbroll/index.html

下载地址:淘宝商城产品展示效果.zip

 

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