JavaScript实现图片放大镜效果(2)

左侧盒子鼠标移入,小滑块和右侧图片显示,衔接鼠标移动效果
onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡。

//鼠标移动效果 leftone.onmousemove = function(e){ var e=e||window.event; //判断事件源 box.style.display = "block"; getPosition(e); rightone.style.display = "block"; } //鼠标移出效果 leftone.onmouseleave = function(e){ var e=e||window.event; //判断事件源 box.style.display = "none"; rightone.style.display = "none"; }

5、效果图

JavaScript实现图片放大镜效果

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/2c3aeb0b85e372860f68bf46aa6350bf.html