关闭

jquery 图片浏览 放大镜

367人阅读 评论(0) 收藏 举报

首先当然是要有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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:213252次
    • 积分:3454
    • 等级:
    • 排名:第9593名
    • 原创:115篇
    • 转载:121篇
    • 译文:0篇
    • 评论:29条
    最新评论