怎么用javascript代码实现淘宝宝贝图片放大镜效果(鼠标移至小图 显示大图效果),谢谢了

匿名用户    2013-06-09 20:56    

满意回答

如果可以用插件的话推荐用jquery插件来实现,一分钟搞定。 如果不能的话就告诉你原理吧,至于具体的实现要做到兼容所有浏览器不是一件省心的事。 首先要准备两张图片(一个是小的预览图,一个是很大的高清图) 然后写一个DIV,里面放一个IMG和一个DIV 也就毯院是截怪峡 然后给img绑定mousemove事件,在事件内写下如下实现的代码 首先计算出鼠标在这个img标签上的相对坐标,如果是在img的最左上边。坐标则为0,0 然后吧这丰坐个DIV内部的小DIV固定为100*100大小,然后再就是计算它的比例。 然后再把这个DIV的背景设置成那个大图,然后再用背景的绝对定位进行移动即可

匿名用户   2013-06-09 21:38
宝宝知道提示您:回答为网友贡献,仅供参考。