Maison > Article > interface Web > javascript放大镜效果的简单实现_javascript技巧
javascript放大镜效果的简单实现_javascript技巧
- WBOYoriginal
- 2016-05-16 17:10:09931parcourir
这个效果并不难，要点是位置和比例设置，
捕获鼠标位置、判断鼠标位置区域、还有onmouseover事件、onmousemove事件、onmouseout事件
设置显示大图的比例，小图上显示的切图比例都要弄准确点，最好是2倍啦，4倍啦。
主要注意宽度，我这里的图片m.jpg是1440X900的....
复制代码 代码如下:
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：深入理解Javascript动态方法调用与参数修改的问题_javascript技巧Article suivant：ExtJS的拖拽效果示例_extjs
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript