jquery鼠标经过放大图片,包覆盖原图后显示大图和附近位置显示大图
jquery鼠标经过放大图片,包覆盖原图后显示大图和附近位置显示大图
XML/HTML Code
- <section id="example">
- <h2> 覆盖原图 </h2>
- <div class="easyzoom easyzoom--overlay"> <a href="example-images/1_zoom.jpg"> <img src="example-images/1_standard.jpg" alt="" width="640" height="360" /> </a> </div>
- <h2> 临近位置显示放大图片 </h2>
- <div style="float: right; width: 310px; height: 400px; background: #EEE;"></div>
- <div class="easyzoom easyzoom--adjacent"> <a href="example-images/2_zoom.jpg"> <img src="example-images/2_standard.jpg" alt="" width="310" height="400" /> </a> </div>
- </section>
JavaScript Code
- <script>
- // Instantiate EasyZoom plugin
- var $easyzoom = $('.easyzoom').easyZoom();
- // Get the instance API
- var api = $easyzoom.data('easyZoom');
- </script>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_204.html
相关推荐
周公周金桥 2020-09-06
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
MaureenChen 2020-04-21
xingguanghai 2020-03-13
teresalxm 2020-02-18
木四小哥 2013-05-14
SoShellon 2013-06-01
Simagle 2013-05-31
羽化大刀Chrome 2013-05-31
waterv 2020-01-08
LutosX 2013-07-29
vanturman 2013-06-27
wutongyuq 2013-04-12
luoqu 2013-04-10
today0 2020-09-22
89520292 2020-09-18
bigname 2020-08-25