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写图片放大镜。

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

jQuery图片放大镜插件——jqzoom

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

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

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

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

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

jQuery图片放大镜插件Cloud Zoom

图片放大镜效果是一种不错的效果,多应用于电子商务、图片展示等网站,给用户带来更好的体验。实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件。和其他产品相...

jQuery图片放大镜代码

  • 2016-10-26 10:31
  • 1.52MB
  • 下载

jquery图片放大镜插件.rar

  • 2014-01-23 09:39
  • 497KB
  • 下载

jQuery插件:图片放大镜——jQuery Zoom

这是一款非常不错的给图片添加放大镜效果,可以应用在诸如zen cart、magento电子商场之类的开源项目上。如果想看它的效果,你可以直接访问: http://www.mind-projects....
  • xht555
  • xht555
  • 2015-02-02 13:12
  • 2412
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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