- 浏览: 2288469 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (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 23558jQuery图表在http://www.oschina.net ... -
jQuery之Ztree
2011-10-19 17:14 17583参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2295参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5710参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7779参考资料 1 jQuery ajax - load() 方法 ... -
jQuery之ID选择器
2011-08-23 15:25 9902参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2609参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1630jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2357话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3827实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2778页面代码如下: <table style=&quo ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2106业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2461页面代码如下: <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 6053参考资料 1 jquery中,html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之DOM
2011-08-17 14:45 1481参考资料 1 跳蚤的小窝:)jQuery对象和DOM对象【jQ ... -
jQuery之入门(ready)
2011-08-17 11:46 2122参考资料 1 jquery $(document).ready ... -
jQuery与Java实现图片的剪切
2011-08-05 15:10 30511一 参考资料 1 jquery Jcrop 头像,logo截图 ... -
jQueryAPI 中文版及相关参考资料
2010-12-24 12:52 2046转载: http://www.css88.com/catego ... -
jQuery对象和DOM对象【jQuery开发注意点(一)】
2010-12-23 16:45 2665转载: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插件来创建图片放大镜效果。这种效果允许用户在鼠标...