京东服装城幻灯片切换特效

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

京东真是越做越大,就像当当 一样,一开始是卖电器的,现在服装都有了,感觉往淘宝的方向走啊。

我们一起欣赏下京东服装城的页面:

左侧菜单,中间大图幻灯片展示,接着品牌特卖。下面就是按品牌廊,新品,女装,男装,男鞋女鞋,户外运动。。。进行分类,底部是我们常见的商城菜单。。。

 

我们看下这个幻灯片,是不是很容易做?一开始我也这样想的,但后来我发现,京东在每个分类栏目右侧都加了这个幻灯片,看起来很舒服,事实上,这样的幻灯片,还是有一个有意思的地方,就是你的鼠标会划过去,让它滑动,实现了交互的效果。我们会发现,点击进去就是一个专题的页面。。。

我们实现这个幻灯片的代码就这么简单,因为我们采用了一个插件,这个插件可以很方便地让我们实现类似切换幻灯片。

插件的内容有点复杂,大家可以看看。。。

以下是我制作的效果截图:

 

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

预览地址:http://www.163css.net/net163/cssjs/2012/10/360hdp/index.html

下载地址:京东服装城幻灯片切换特效.zip

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