`
javashop
  • 浏览: 45218 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javashop 发布HiZoom放大镜插件

阅读更多

 

HiZoom

HiZoom: 一个简单,易用,轻量(3KB)的jQuery放大镜插件。

特性


  • 简单:文档详细清楚,直接上手
  • 轻量: 压缩后的文件仅仅3KB,是 MagicZoom 插件的 1/24
  • 兼容性强:Chrome,Firefox,Safari,IE9+

依赖


  • jQuery

开始


// 下载项目
git clone https://github.com/javashop/HiZoom.git

在项目中直接引入

<!-- 其余代码省略... -->
<link rel='stylesheet' href='./hizoom.min.css'>

<div class='hizoom gakki'>
  <img src='./gakki.png'>
</div>
<div class='hizoom ldy'>
  <img src='./ldy.png'>
</div>

<script>
  // 调用
  $('.gakki').hiZoom({
    width: 400,
    position: 'right'
  });
  $('.ldy').hiZoom({
    width: 300,
    position: 'left'
  });
</script>

可选配置


属性 描述 可选值 默认值
width 放大镜容器的宽高(目前只支持正方形放大镜) 任何正数 400
position 被放大区域的位置 left|right|top|bottom right
background 放大镜背景色 合法CSS颜色值 #FFF
opacity 放大镜透明度 0~1(合法CSS值) 0.7
distance 被放大区域和放大镜容器间的距离 任何正数 20

待完成


  • 处理长方形图片放大
  • 自定义放大倍数
  • . . .

Javashop出品

本开源产品源自优质网店系统供应商:Javashop( http://www.javamall.com.cn )

 

项目下载地址:

https://github.com/javashop/HiZoom

 
0
1
分享到:
评论

相关推荐

    Java 放大镜.rar

    "Java 放大镜.rar" 提供的正是这样一种功能,它是一个简单的Java桌面应用程序,能够帮助用户放大屏幕上的内容。尽管由于缺少调试环境,我们无法立即验证其实际效果,但从提供的四个Java代码文件中,我们可以探讨一些...

    基于java的实现的放大镜效果附有源文件.zip

    在Java编程语言中,实现放大镜效果是一种常见的GUI(图形用户界面)开发技术,它可以为用户提供更加直观的视觉体验,特别是在处理图像或者查看细节时。本项目提供的"基于java的实现的放大镜效果附有源文件.zip"包含...

    java放大镜程序代码

    简单的放大镜实现.需要用到3个包,一个awt,一个swing,一个awt.event,两个类就能实现放大镜功能.

    JAVA源码Java实现的放大镜效果附有源文件

    JAVA源码Java实现的放大镜效果附有源文件

    基于java的开发源码-实现的放大镜效果附有源文件.zip

    基于java的开发源码-实现的放大镜效果附有源文件.zip 基于java的开发源码-实现的放大镜效果附有源文件.zip 基于java的开发源码-实现的放大镜效果附有源文件.zip 基于java的开发源码-实现的放大镜效果附有源文件.zip ...

    java源码资源Java实现的放大镜效果附有源文件

    java源码资源Java实现的放大镜效果附有源文件提取方式是百度网盘分享地址

    SuperMap Objects Java 独立的鹰眼、放大镜面板

    MapEagleEyesPanel工程中定义了地图鹰眼面板及鹰眼地图的红色矩形框位置改变监听,导出为MapEagleEyesPanel.jar...主地图刷新时更新鹰眼面板和放大镜面板的地图,鹰眼面板的红框改变位置也同步更新主地图和放大镜面板。

    Android放大镜

    **Android放大镜** 在Android应用开发中,"Android放大镜"是一种常见的功能,它能够帮助用户查看屏幕上的细节,尤其适用于阅读小字体或者查看微小的图像元素。这个功能通过放大指定区域,使得用户可以更加清晰地...

    javashop数据库文件

    javashop 商城 多用户商城 数据库结构和数据,导入mysql就可以查看~~

    C#实现的 放大镜 源码

    在本文中,我们将深入探讨如何使用C#编程语言实现一个类似于微软放大镜的程序。C#是一种面向对象的、类型安全的编程语言,常用于Windows应用程序开发,包括GUI(图形用户界面)应用。"放大镜"功能在各种操作系统中都...

    JAVASHOP4.0安装包

    **JAVASHOP4.0** 是一个基于Java技术开发的网上商城系统,适用于电子商务企业构建功能完善的在线购物平台。这个安装包包含了该系统的主要组件和配置文件,以帮助用户快速部署并运行JAVASHOP4.0。下面将详细阐述JAVA...

    基于Java的实例源码-实现的放大镜效果附有源文件.zip

    在本实例中,我们探讨的是如何使用Java编程语言来实现一个基本的放大镜效果。这个效果通常用于图形用户界面(GUI)应用,特别是在图像查看器或设计工具中,让用户能够更详细地查看图像的特定区域。以下是实现这一...

    java放大静

    在Java编程领域,"java放大静"可能是指一个利用Java技术实现的具有放大镜效果的程序。这种特效常用于GUI(图形用户界面)应用中,为用户提供更细致地查看某个区域的能力,尤其在图像处理或者设计工具中非常常见。...

    ScreenSnap2(Java截图,放大镜,托盘)

    1.调色板(设定ruler颜色) ...3.放大镜屏幕取色 4.主窗口换背景 5.将dll封入jar文件运行 6.增加了系统托盘 包含可运行jar文件,双击执行即可 完全是功能test用,所以代码组织性比较差。 基于JDK6

    JAVA JSP 简单分页插件

    分页插件分页插件分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP...

    java 批量 多文件 上传 SwfUpload插件兼容所有浏览器

    java 批量 多文件 上传 SwfUpload插件兼容所有浏览器,火狐需要安装最新的flash reader,压缩包内有最新的flash reader,实例是上传多张图片,只需稍加修改可以上传任何格式的文件,很好看很好用,特意整理出来分享...

    java实现图片中心放大、缩小、移动、鼠标拖移

    在Java编程语言中,处理图像是...通过以上步骤,我们可以在Java中实现一个功能齐全的图像处理组件,能够支持图片的中心放大、缩小、移动以及鼠标拖移。这在开发涉及图像交互的应用,如地图应用或图像编辑器时非常有用。

    java eclipse 智能提示插件

    java eclipse 智能提示插件,大速度加快编码速度。 让你的eclipse开发工具和Microsoft Visual Studio一样好用。

    JAVA新闻发布系统源码(可直接使用)

    【JAVA新闻发布系统源码(可直接使用)】 Java新闻发布的系统源码是一个完整的软件解决方案,专为在线发布、管理和更新新闻内容而设计。这个系统通常包括用户管理、新闻分类、新闻发布、评论功能、搜索功能等多个模块...

    JAXB的 eclipse插件

    Eclipse作为一款强大的Java集成开发环境,为开发者提供了丰富的插件支持,其中包括JAXB的插件。这个插件允许开发者在Eclipse中方便地进行JAXB相关的开发工作,比如生成Java类从XML Schema,或者将Java对象转换为XML...

Global site tag (gtag.js) - Google Analytics