素材牛

jQuery鼠标移动到图片放大镜插件imgzoom.js

 所属分类:网页特效-图片展示

 浏览:170次-  下载:0次-  评论:0次-  发布时间:2019-03-03
jQuery鼠标移动到图片放大镜插件imgzoom.js兼容IE8
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:imgzoom是一款基于jQuery的图片方法插件。

详细介绍

使用方法:

1.引入jQuery与imgzoom,imgzoom.css

<link rel="stylesheet" href="css/jquery.imgzoom.css" />
<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.imgzoom.min.js" ></script>

2.调用插件

$(".main").imgzoom({position:"inner"});

参数说明:

1. position:放大图片显示的位置,包括‘inner’,'top','left','right','bottom'。

2. boxWidth:图片锁定区域框的宽度。

3. boxHeight:图片锁定区域框的高度。

4. borderRadius:图片锁定区域框的圆角弧度

5. left:当图片位置不为inner时候,left有效

6. top:当图片位置不为inner的时候,left有效

文件目录结构

  • css
    • ┝ jquery.imgzoom.css
  • img
    • ┝ tp.png
  • ┝ index.html
  • js
    • ┝ jquery.imgzoom.min.js
    • ┝ jquery.min.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:0
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证