利用javascript怎么实现一个放大镜功能-创新互联

本篇文章为大家展示了利用javascript怎么实现一个放大镜功能，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

涉及技术

• onmouseover：当鼠标指针移动到指定的对象上时发生
• onmouseout：鼠标指针移出指定对象时发生
• onmousemove：鼠标指针移动时发生
• offsetLeft | offsetTop | offsetWidth | offsetHeight
• event.clientX | event.clientY

偏移量与style.left

• style.left返回字符串，例如30px，而offsetLeft返回数字30。
• style.left可以读和写，offsetLeft是只读的。如果我们想改变div的位置，我们可以修改style.left.
• style.left应事先定义，否则值为空。

需要考虑

• 如何使小画面上的放大镜与大图同步移动
• IE兼容性问题

代码实现