liuzidong
- 浏览: 2283421 次
- 性别:
- 来自: 成都
-
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴（Java网络编程精解） (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu：
拼凑，没有营养
Activiti进阶—分配组任务 -
zhangsenhao：
非常赞！代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000：
分页写得不对，应该是 ： order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw：
...
SpringMVC:上传与下载 -
kingtoon：
...
XSS之xssprotect
参考资料
1 基于jQuery开发的图片放大镜插件 - 淘宝网商品页面
http://lee2013.iteye.com/blog/1030049
主页:http://www.mind-projects.it/projects/jqzoom/
基于jqzomm版本：jqzoom_ev-2.3,以下代码源自于jqzoom源码
附件中的jqzoom-deom.zip是我精简jqzoom的示例
jqzoom_ev-2.3.zip是官方示例
1 基于jQuery开发的图片放大镜插件 - 淘宝网商品页面
http://lee2013.iteye.com/blog/1030049
主页:http://www.mind-projects.it/projects/jqzoom/
基于jqzomm版本：jqzoom_ev-2.3,以下代码源自于jqzoom源码
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>JQzoom Demo</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.jqzoom.css" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
$('.jqzoom').jqzoom({
zoomType: 'standard',
lens:true,
preloadImages: false,
alwaysOn:false
});
});
</script>
</head>
<body>
<div style="margin-top:100px;margin-left:350px; height:500px;width:500px;" >
<div >
<a href="imgProd/triumph_big1.jpg" class="jqzoom" >
<img src="imgProd/triumph_small1.jpg" style="border: 1px solid #666;">
</a>
</div>
</div>
</body>
</html>
附件中的jqzoom-deom.zip是我精简jqzoom的示例
jqzoom_ev-2.3.zip是官方示例
- jqzoom-deom.zip (189.1 KB)
- 下载次数: 882
- jqzoom_ev-2.3.zip (620.5 KB)
- 下载次数: 536
分享到：
评论
3 楼
weijh_penglei
2014-07-29
谢谢哈，有用！
2 楼
木卜少年
2012-08-08
请问下 我弹出大图的那个title在哪里设置啊？
1 楼
aaron9320
2012-04-07
不错，很实用，学习了
发表评论
-
jQuery图表（jqPlot,Highcharts）
2012-05-18 00:48 23538jQuery图表在http://www.oschina.net ... -
jQuery之Ztree
2011-10-19 17:14 17569参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2282参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5696参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7760参考资料 1 jQuery ajax - load() 方法 ... -
jQuery之ID选择器
2011-08-23 15:25 9887参考资料 强烈推荐：张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2599参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1613jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2344话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3809实现功能如下：参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2765页面代码如下： <table style=&quo ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2088业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2451页面代码如下： <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 6033参考资料 1 jquery中，html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐：张子秋 从零开始学习jQuery (二) ... -
jQuery之DOM
2011-08-17 14:45 1467参考资料 1 跳蚤的小窝:)jQuery对象和DOM对象【jQ ... -
jQuery之入门(ready)
2011-08-17 11:46 2103参考资料 1 jquery $(document).ready ... -
jQuery与Java实现图片的剪切
2011-08-05 15:10 30485一 参考资料 1 jquery Jcrop 头像，logo截图 ... -
jQueryAPI 中文版及相关参考资料
2010-12-24 12:52 2014转载: http://www.css88.com/catego ... -
jQuery对象和DOM对象【jQuery开发注意点(一)】
2010-12-23 16:45 2649转载:jQuery对象和DOM对象【jQuery开发注意点(一 ...
相关推荐
首先，JQzoom是一个基于jQuery的图片放大镜插件，它可以为网页中的产品图片添加平滑的放大效果。这个插件特别适合于电商网站，因为它能提供一个直观的用户体验，让用户在购买商品前可以清晰地查看产品的细节。 要...
jQuery jqZoom是一款基于JavaScript和jQuery库的轻量级插件，它能够轻松地实现图片放大镜效果。它通过在原始图片旁边创建一个浮动的放大窗口，当鼠标移到图片上时，这个窗口会显示放大的图像部分，使用户可以无损地...
**jqZoom图片放大镜插件详解** 在网页设计中，为用户提供清晰的细节视图是提升用户体验的关键之一，jqZoom是一款流行的JavaScript插件，用于实现图片的放大镜效果。这款插件通过简单易用的API和灵活的配置选项，...
jqZoom是一款基于jQuery的图片放大镜插件，它能够为用户提供一个平滑的、无闪烁的放大效果，使得用户可以清晰地查看商品细节。该插件的工作原理是通过创建一个浮动的放大区域，当鼠标悬停在主图上时，放大区域会显示...
**jqZoom放大镜插件详解** jqZoom是一种广泛应用于电商网站和产品展示页面的JavaScript插件，它允许用户在不离开原始图片的情况下查看产品的高清细节，增强了用户体验。这个插件基于jQuery库，一个轻量级且功能强大...
jqZoom是一款强大的JavaScript插件，它实现了点击图片后出现放大镜效果，使得用户可以查看图片的局部细节，从而提高用户体验。这款插件基于jQuery库，具有轻量级、易于集成和高度可定制的特点。 ### 1. jQuery基础 ...
3. **初始化插件**：在jQuery的$(document).ready()函数内调用jQzoom方法，指定对应的图片元素和放大镜容器。 4. **参数配置**：根据需求可设置插件的一些配置项，如放大比例、是否开启预加载等。 5. **测试与调试**...
**jQuery放大镜插件**是一种常用的前端交互技术，主要用于电商网站或者其他需要展示商品细节的网页中，用户可以通过鼠标悬停或点击实现对图片的局部放大，以查看更清晰的细节。这种技术极大地提升了用户体验，使得...
【jQuery.jqZoom】是一种基于JavaScript库jQuery的插件，主要用于实现网页上的商品图片悬浮放大镜效果。这种效果常见于电商网站，用户可以鼠标悬停在小图上时，查看清晰的大图细节，提升购物体验。 jqZoom的核心...
jQuery提供了一种强大的技术手段，可以实现网站商品图片的放大镜效果，增强用户体验，使用户能够清晰地查看商品的细微之处。这种效果通常用于服装、珠宝、电子产品等需要展示细节的商品。 jQuery是一个轻量级的...
**jQuery插件jqZoom：实现图片放大镜效果详解** 在网页设计中，为用户提供清晰的细节查看能力是提升用户体验的重要手段之一，特别是在展示商品图片时。`jQuery`插件`jqZoom`就是一种用于实现这种图片放大镜效果的...
预览地址：https://www.jsdaima.com/js/24.html；jqzoom实现京东商品详细页产品图片放大镜效果，依赖于jquery.jqzoom.js插件，兼容所有浏览器，适用于电商网站商品图片浏览。
jQuery jqZoom是一款基于JavaScript库jQuery的插件，它为网页上的图片添加了平滑的放大效果，类似于实物店内的放大镜。此插件特别适用于电商网站的商品详情页，帮助用户清晰地看到商品的细微之处，提升购物体验。 ...
本文将详细介绍一个名为"jqzoom_ev1.0.1"的jQuery图片放大镜插件，以及如何在实际项目中应用它。 ### 一、jQuery简介 jQuery是一款轻量级的JavaScript库，简化了HTML文档遍历、事件处理、动画设计和Ajax交互。它...
`jqZoom`是一款基于jQuery的图片放大镜插件，它提供了六种不同的放大方式，能够为用户提供更加直观、细腻的商品细节展示，从而提升购物体验。下面我们将详细介绍`jqZoom`插件的核心功能和实现原理。 ### 1. 插件...
本文将深入探讨jQuery中的一个插件——jqZoom，它是一款用于实现图片放大镜效果的工具，尤其适用于电子商务网站的商品展示。通过使用jqZoom，用户可以在不离开页面的情况下，查看商品的细节，提升购物体验。 首先，...
jqZoom是一种广泛应用于电商网站的产品图片展示技术，它模拟了淘宝等购物平台上的放大镜效果。这个技术基于JavaScript库jQuery，使得用户在鼠标悬浮在图片上时，能看到一个放大的图像细节，从而提供更好的视觉体验，...
jquery.jqzoom.js是一个轻量级的jQuery插件，可以通过简单的配置实现图片放大镜功能。通过本篇文章的介绍，我们能够了解到如何在网页中集成和使用这个插件，以及相关的配置选项和用法。该插件具有以下特点和功能： ...
**jQuery插件：图片放大镜效果** 在网页设计中，为用户提供查看商品细节的能力是非常重要的，尤其是对于在线购物平台。为了实现这一功能，开发者经常利用jQuery插件来创建图片放大镜效果。这种效果允许用户在鼠标...