苏宁易购suning.com相册特效

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

苏宁易购的商城越做越牛逼了啊,http://www.suning.com/,这个地址,有兴趣的先看下。。。之前我写过一篇文章分析苏宁易购的网站,“苏宁易购suning首页分析”,可见苏宁这几年在电子商务上的投资越来越大了,也许这一切都是京东,京东强大的电子商务模式让许多商家羡慕。。

我们今天要分析的是苏宁的产品相册,这样的相册在当当网也是有的,大家可以先看下:“当当网查看产品大图动画设计制作”,相比这下,苏宁这个优秀在哪?

我更喜欢苏宁的切换模式,这就是JQ里的不唐突,让人觉得非常舒服,苏宁的左右控制按钮类似于QQ相册,也是采用cur的模式,也是左右居在大图上面。。。

 

在苏宁的代码中,我们看到有一个大的背景图,也许苏宁是为了考虑IE6,但这样的话,如果大图太大的话,就容易出现图片超出背景的问题了。。。

我们可以看下,图片的存放也是有格式的,大图需要加个f.jpg,还真是有意思。。

我们可以看到,当预览地址打开时,大图是从上向下跑的,这个功能应该是脚本里的:

这个还是有点创意的。。。

祝苏宁的电子商务越来越强,不过,物流及售后也要加强啊。。。

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

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

下载地址:苏宁易购suning_com相册特效.zip

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