html鼠标拖动图片放大(html鼠标放上去图片切换)

lt！DOCTYPE htmlltheadltscriptwindowonload = function var img = documentgetElementByIdquotimgTestquot if documentaddEventListener imgaddEventListenerquotmouseoverquot，doMouseover，false img。

html鼠标悬停左侧缩小图片放大到右边 首先这是一张图片在悬停时放大也就是改变大小宽，高实现的2，一张图片在放大的时候会根据其定位如在div里面的图片会以div的左上角为基准扩大宽和高来放大的，因此如果我们不去。

你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。

分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style。

5 ns可以缩小到01，放大到5倍 计算位置，以鼠标所在位置为中心 以每个点的xy位置，计算其相对于图片的位置，再计算其相对放大后的图片的位置 bgX = bgXxbgX*nsscaleSizescaleS。