如何实现类似淘宝网上鼠标经过商品时放大图片的效果。

图片地址动态绑定。越详细越好!... 图片地址动态绑定。越详细越好! 展开
 我来答
宇宙大师之一
推荐于2016-01-04 · TA获得超过3477个赞
知道小有建树答主
回答量:2271
采纳率:52%
帮助的人:720万
展开全部
可以通过html、jquery、css实现。
大概的流程如下:
1 把图片放到一个div中,代码:<div><img src="product.gif"></div>,然后再写一个空的div用于放大图片的浮动显示。
2 给上面的div加上鼠标经过事件,代码:<div onmouseover=“change_img(this);”><img src="product.gif"></div>
3 处理鼠标经过事件,首先定位鼠标经过图片点的坐标,以此点为中心,要放大多少范围之内的图片,放大几倍,这个自行定义。
4 把放大的图片显示到之前定义的空div中。
来词E
2009-09-03 · TA获得超过105个赞
知道答主
回答量:187
采纳率:0%
帮助的人:85.6万
展开全部
js,鼠标移动上面则触发一个js方法,该方法负责显示一个div,该div的内容就是放大了的图片
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友ff55f19bbf
推荐于2016-02-12 · TA获得超过187个赞
知道小有建树答主
回答量:205
采纳率:0%
帮助的人:206万
展开全部
<img src="p1.jpg" width="200" height="160" onmouseover="this.width=300;this.height=200" onmouseout="this.width=200;this.height=160" />

onmouseover :鼠标经过时
this.width :图片的宽度
this.height :图片的高度
onmouseout :鼠标离开时
就这么简单
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
LifeRushing
2009-09-04 · TA获得超过786个赞
知道小有建树答主
回答量:861
采纳率:0%
帮助的人:506万
展开全部
1楼正解
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
haoluogaga
2009-09-03 · TA获得超过2378个赞
知道小有建树答主
回答量:1265
采纳率:0%
帮助的人:1019万
展开全部
就是个层的显示和隐藏。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式