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

图片地址动态绑定。越详细越好!
2024-12-17 06:01:00
推荐回答(5个)
回答1:

可以通过html、jquery、css实现。
大概的流程如下:
1 把图片放到一个div中,代码:

,然后再写一个空的div用于放大图片的浮动显示。
2 给上面的div加上鼠标经过事件,代码:

3 处理鼠标经过事件,首先定位鼠标经过图片点的坐标,以此点为中心,要放大多少范围之内的图片,放大几倍,这个自行定义。
4 把放大的图片显示到之前定义的空div中。

回答2:

js,鼠标移动上面则触发一个js方法,该方法负责显示一个div,该div的内容就是放大了的图片

回答3:



onmouseover :鼠标经过时
this.width :图片的宽度
this.height :图片的高度
onmouseout :鼠标离开时
就这么简单

回答4:

1楼正解

回答5:

就是个层的显示和隐藏。