Cloud Zoom一款简洁易用的jquery放大镜插件

时间:2014-02-12所属栏目: 前端效果 来源: 未知 点击:次

  • 大小：0.28 MB
  • 下载次数：
  • 发布时间：2014-02-12
  • 兼容性：Win2003,WinXP,Win2000,Win9X
  • 点击下载 查看演示

内容介绍

图片放大镜效果是一种不错的效果，多应用于电子商务、图片展示等网站，给用户带来更好的体验。实现这种效果的代码不少，今天要给大家介绍的是 Cloud Zoom，它是 jQuery 的一个插件。和其他产品相比，Cloud Zoom 具有代码少、功能多、兼容性好等特点，并且支持 Tint、 Soft Focus 和 Inner 三种放大镜模式。

cloud-zoom 演示图片

参数 描述 默认值
zoomWidth 放大镜窗口的宽度，如果是默认值，则和小图片一样。不需要单位，有单位会出错 'auto'
zoomHeight 放大镜窗口的高度，如果是默认值，则和小图片一样。不需要单位，有单位会出错 'auto'
position 放大镜窗口的位置，可选 left 、 right 、 top 、 bottom ，也可以指定某个 ID，如 position: 'element1' 'right'
adjustX 距离小图片的水平位置。不需要单位，有单位会出错 0
adjustY 距离小图片的垂直位置。不需要单位，有单位会出错 0
tint 非放大区域的颜色，必须是十六进制颜色，如 '#aa00aa',不能和 softFocus 一起使用 false
tintOpacity 不透明度，0 是完全透明，1 是完全不透明 0.5
lensOpacity 镜头鼠标指针不透明度，0 是完全透明，1 是完全不透明，在 tint 和 softFocus 模式下始终透明 0.5
softFocus 微微的模糊效果，可选 true 或 false，不能和 tint 一起使用 false
smoothMove 放大区域图片移动的平滑度，数字越高越平滑，为 1 则不平滑 3
showTitle 显示图片标题，可选 true 或 false true
titleOpacity 标题不透明度，0 是完全透明，1 是完全不透明 0.5

另外要注意的是：

  • rel 属性中涉及到数值的都不要单位，否则插件则运行不了
  • rel 的最后一个属性值后面不要逗号，否则 IE6 、IE7 下插件运行不了
下载说明

☉如果您发现本文件已经失效不能下载，请联系站长修正！
☉如果您下载的文件出现解压不了或文件受损等情况，请选择其他下载点重新下载。
☉下载本站资源，如果服务器暂不能下载请过一段时间重试！
☉有小部分资源需要解压密码，请输入：261z.com。
☉本站提供的所有资源仅供学习研究与参考，请勿用于商业用途。

下载地址

标签:[db:标签]
相关文章
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）