浙江 杭州

blowup.js-实用jQuery图片放大镜插件

系统分类: 网页特效 - jquery插件 - jQuery图片展示/幻灯片 2017-05-25

人气4640

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


blowup.js是一款实用的jQuery图片放大镜插件。它属于轻量级插件,易于使用,可以通过配置参数来设置放大镜的外观样式等属性。

图片放大镜特效

使用方法

使用该图片放大镜插件需要在页面中引入jquery和blowup.min.js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/blowup.min.js"></script>              
                
初始化插件

在页面DOM元素加载完毕之后,可以通过blowup()方法来初始化该图片放大镜插件。

$(document).ready(function () {

  $(".demo-img").blowup({
   "background" : "#F39C12",
    "width" : 250,
    "height" : 250
  });

})                  
                

配置参数

blowup.js图片放大镜插件的可用配置参数有:

参数 默认值 描述
round true 设置为true为圆形的放大镜,false为矩形的放大镜
width 200 放大镜的宽度,单位像素
height 200 放大镜的高度,单位像素
background "#FFF" 放大镜的背景色
shadow "0 8px 17px 0 rgba(0, 0, 0, 0.2)" 放大镜阴影的CSS样式
border "6px solid #FFF" 放大镜边框的CSS样式
cursor true 设置为false放大镜中间就不会有十字光标
zIndex 999999 放大镜的z-index属性

blowup.js图片放大镜插件的github地址为:https://github.com/paulkr/blowup.js

查看演示
下载资源:1
下载资源
错误提交:

格式:zip 大小:729.17KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-1548.html 非特殊说明,本文版权归原作者所有,转载请注明出处
blowup.js-实用jQuery图片放大镜插件

我当前G币余额:0 已下载次数:1

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

说点什么...(已有0 评论)