jquery 图片浏览 放大镜

原创 2012年03月29日 16:09:30

首先当然是要有jQuery库,右键另存为(jquery-1.6.1.js)

然后下载放大镜插件:右键另存为(jquery.imageLens.js)

  1. <script type="text/javascript" src="jquery-1.6.1.js"></script>
  2.  <script type="text/javascript" src="jquery.imageLens.js"></script>
  3.  <script type="text/javascript" language="javascript">
  4.   $(function () {
  5.    $("#img1").imageLens();
  6.    $("#img2").imageLens({ lensSize: 200 });
  7.    $("#img3").imageLens({ borderSize: 8, borderColor: "#06f" });
  8.   });
  9.  </script>
    <img id="img1" src="img1.png" >
    <img id="img2" src="img2.png" >
    <img id="img3" src="img3.png" >
    浏览效果如下:


    更多有关jquery放大镜的插件可以访问http://www.professorcloud.com/mainsite/cloud-zoom.htm

jQuery仿Apple图片放大镜浏览效果

  • 2014年05月08日 14:19
  • 739KB
  • 下载

【JQuery】图片放大镜插件——jqzoom

超级有用!淘宝上有用到! 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片...

Jquery写图片放大镜。

网上一大堆限制多,文档也难看懂,而且麻烦~自己写了个。 算法: 第一步: 放大图片的位置=鼠标所在的容器的宽或者高除以容器自身的高度和宽度,求出鼠标在容器中移动的百分比 第二部: 得到百分比...

Jquery插件开发之图片放大镜效果(仿淘宝)

Jquery插件开发之图片放大镜效果(仿淘宝)  需求:公司某个网站,需要实现图片预览效果,并能像淘宝一样实现局部分大!  思索:为了考虑开发速度,最先考虑的是想使用网络上的现成代码!但是大致搜索了一...

jQuery图片放大镜插件——jqzoom

jQuery的插件jqzoom可以实现图片的放大效果。 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方...

分别用javascript,jquery实现 对图片的放大镜效果

javascript实现: Title #dsmall{ height: 200px; width: 200px; border: solid ...

图片放大镜效果-- jquery实现

仿照淘宝效果的的,我还是菜鸟,写了很久,原创哈,汗! 需要注意: 1.大图片和小图片的长宽比 应该一致 2.遮罩用的小div 应该和大图片外面的div 的长宽比 一致 无标题文档 *...

JQUERY实现鼠标悬停在图片上模拟放大镜效果

JQUERY实现鼠标悬停在图片上模拟放大镜效果

jquery图片放大镜插件—jqzoom

在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调...

loner_li JQuery 插件之 放大镜图片效果

http://www.w3.org/1999/xhtml">                                         ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 图片浏览 放大镜
举报原因:
原因补充:

(最多只允许输入30个字)