图片放大镜插件 Cloud Zoom v3.1】的更多相关文章

Cloud Zoom是一个图像放大jQuery插件,效果堪比Magic Zoom.相对于流行jQZoom插件,Cloud Zoom体积小,有更多的功能和更强大的跨浏览器兼容性. 猛击这里查看演示DEMO 特点 兼容大多数浏览器,(已经测试通过的浏览器有:IE6+, Firefox, Chrome, Opera, Safari) 易于集成的基本有效的HTML. (精缩)脚本小,只有6Kb. 平滑变焦运动. 画廊模式. 着色,软聚焦和内变焦功能. 它是完全免费的. 使用方法 1.加载CSS: <li…
下载地址:cloud_zoom.rar 图片放大镜效果是一种不错的效果,多应用于电子商务.图片展示等网站,给用户带来更好的体验.实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件.和其他产品相比,Cloud Zoom 具有代码少.功能多.兼容性好等特点,并且支持 Tint. Soft Focus 和 Inner 三种放大镜模式.在a标签中的rel属性设置不同的属性值,可以显示不同效果哦:1.默认模式:rel="adjustX: 10, adjust…
/* Cloud Zoom 10 Site License (CZ01-10). Version 3.1 rev 1312051822 */ (function(e) { function s(a) { var b = a.zoom, c = a.Q, g = a.R, k = a.e, f = a.g; this.data = a; this.U = this.b = null; this.za = 0; this.zoom = b; this.V = !0; this.r = this.in…
  前  言 我们大家经常逛各种电商类的网站,商品的细节就需要用到放大镜,这个大家一定不陌生,今天我们就做一个图片放大镜的插件,来看看图片是如何被放大的…… 先看一下我们要是实现的最终效果是怎么样的    ↓ 看完效果,大家有思路了吗,没有的话,我们一起来看一下是如何实现的~ 1实现思路 ① 要实现指上后放大的效果,需要做三个div,一个用来放原图,另一个用来放放大效果的div,最后一个是鼠标指上后需要放大部分的div(这个div我们用p标签来代替). ② 确定放大比例,最重要的一点,鼠标指上的…
今天给大家介绍一个jquery图片播放插件,也可以说是一款幻灯片放映插件,它叫Cloud Carousel,支持自动播放.图片预览.鼠标滚轮滚动,非常酷,下图是效果预览. 该jquery图片播放项目演示地址:http://www.professorcloud.com/mainsite/carousel.htm 该jquery图片播放插件下载地址:http://www.professorcloud.com/downloads/cloud-carousel.1.0.5.zip 该jquery图片播放…
拖拖拉拉准本了一个月,终于把网站做好了.也终于可以分享这两个插件了.这两个插件,一个是 jQuery 版本,适合鼠标使用的,另一个是原生 JavaScript 制作,适合触摸屏使用(touch 事件).都适合在一些商城类.产品类的网页中使用.希望大家会喜欢. Enlarge.js Enlarge.js 是一个基于 jQuery 的插件,可以非常方便地实现图放大镜的效果,适用于大多数商品类网站,例如在线商城.电子商务.企业产品介绍等. 更多介绍及下载:http://www.abelcode.com…
1.表单验证插件——validate   该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:   $(form).validate({options})   其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置.     2.表单插件——form   通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的…
今天学习一下,图片放大镜功能,需要使用插件JQzoom 引入文件 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.jqzoom.js"></script> <!--<link rel="s…
jquery Cloud Zoom一款放大镜插件.但是无奈 官方下载的始终有版权信息,因此想到如下方法去掉版权信息,测试可行! 官方网址:http://www.starplugins.com/cloudzoom 另外一款放大镜插件:http://www.magictoolbox.com/ 默认情况下页面dom代码: 当鼠标滑过图片的时候 查看DOM代码 因为主要在鼠标滑过class="cloudzoom"的图片的时候,查找到版权的div移除DOM元素即可. <script typ…
jqzoom是一个图片放大器插件.它功能强大,使用简便! 引入js与css: <script type="text/javascript" src="js/jquery.jqzoom-core.js"></script> <link rel="stylesheet" href="css/jquery.jqzoom.css"> 具体使用: <a href="images/tri…