PhoneGap中文网

 找回密码
 立即注册
查看: 24662|回复: 6
打印 上一主题 下一主题

jquery 仿照凡客商品放大镜特效,jquery 商品放大镜

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-7-4 19:43:28 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
jquery 仿照凡客商品放大镜特效


        凡客作为一个商城,应该算是一个非常成功的例子,我们可以拿它跟梦芭莎进行对比,凡客不像梦芭莎那样充满许多诱或性的图片,毕竟梦芭莎是卖内的。我们今天不说凡客首页如何美观,只挑一个细节来说,点击进入产品详细页面,凡客同样采用放大镜的效果来展示图片,与京东不同的是,凡客将产品小图位于左侧,而京东是大家熟悉的底部模式。
我当初在制作这个特效的时候,碰到一个问题,就是小图点击后如何显示大图的问题,“rel="zoom1" rev="images/img01.jpg"”,实现了图片链接的功能,开心。。下面把源码分享给大家

凡客诚品vancl_com产品放大镜特效.zip (625.66 KB, 下载次数: 95)





it营
回复

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
沙发
发表于 2013-9-27 15:41:57 | 只看该作者
支持一下:lol
it营
回复 支持 反对

使用道具 举报

2

主题

24

帖子

98

积分

注册会员

Rank: 2

积分
98
板凳
发表于 2013-10-14 23:08:48 | 只看该作者
感谢楼主分享~~
回复 支持 反对

使用道具 举报

1

主题

34

帖子

153

积分

注册会员

Rank: 2

积分
153
地板
发表于 2013-10-25 13:09:33 | 只看该作者
不错的文章!
回复 支持 反对

使用道具 举报

0

主题

7

帖子

172

积分

注册会员

Rank: 2

积分
172
6#
发表于 2013-10-31 16:29:29 | 只看该作者
支持一下,挺实用的哦,哈哈
回复 支持 反对

使用道具 举报

0

主题

19

帖子

50

积分

注册会员

Rank: 2

积分
50
7#
发表于 2014-1-14 12:01:13 | 只看该作者
支持一下,学习一下
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 10:33 , Processed in 0.092460 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表