Heim > Artikel > Web-Frontend > javascript放大镜效果的简单实现_javascript技巧

javascript放大镜效果的简单实现_javascript技巧

WBOYOriginal: 2016-05-16 17:10:09931Durchsuche

这个效果并不难，要点是位置和比例设置，

捕获鼠标位置、判断鼠标位置区域、还有onmouseover事件、onmousemove事件、onmouseout事件

设置显示大图的比例，小图上显示的切图比例都要弄准确点，最好是2倍啦，4倍啦。

主要注意宽度，我这里的图片m.jpg是1440X900的....

复制代码代码如下:

放大镜效果

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：深入理解Javascript动态方法调用与参数修改的问题_javascript技巧Nächster Artikel：ExtJS的拖拽效果示例_extjs

In Verbindung stehende Artikel

Mehr sehen