版本: jqzoom_ev-2.3、jquery-1.6.js
1、源码:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>image upload</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom-core-pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.jqzoom.css" />
<script>
jQuery(document).ready(function(){
jQuery('.jqzoom').jqzoom({
zoomType: 'standard',
lens: true,
preloadImages: false,
alwaysOn: false
});
});
</script>
<style type"text/css">
.clearfix:after{
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix{
display: block;
zoom: 1
}
.jqzoom{
text-decoration:none;
float:left;
}
</style>
</head>
<body leftmargin="10" topmargin="10">
<div class="clearfix" id="content" style="margin-top:100px;margin-left:350px; height:500px;width:500px;" >
<div class="clearfix">
<a href="images/jqzoom/img_big.jpg" class="jqzoom">
<img src="images/jqzoom/img_litter.jpg" style="border: 4px solid blue;">
</a>
</div>
</div>
</body>
</html>
- 大小: 62.4 KB
分享到:
相关推荐
jquery jqzoom插件制作图片放大镜图片窗口放大显示 jquery jqzoom插件制作图片放大镜图片窗口放大显示
* JQZoom Evolution 1.0.1 - Javascript Image magnifier * * Copyright (c) Engineer Renzi Marco(www.mind-projects.it) * * $Date: 12-12-2008 * * ChangeLog: * * $License : GPL,so any change to ...
jqzoom 放大镜插件 找了好久才找到的。一定是你需要的。
图片放大镜查看jQuery插件,包含: jqzoom.pack.1.0.1.js jqzoom.css 还有两张图片,一个大图片和一个小图片
jqzoom-maste(基于jquery的图片放大镜插件 -- 6种不同的放大方式 -- 适用于目前主流的购物网站的图片放大特效)
主要介绍了图片放大镜jquery.jqzoom.js的使用另附放大镜图标,需要的朋友可以参考下
放大镜jqzoom_ev-2.3 基于jQuery开发的图片放大镜插件
本文实例讲述了基于jQuery插件jqzoom实现的图片放大镜效果。分享给大家供大家参考,具体如下: jqzoom插件实现图片放大镜效果。 图1.1jqzoom插件实现图片放大镜效果 1、引入jqurty和jqzoom插件 [removed][removed]...
预览地址:https://www.jsdaima.com/js/24.html;jqzoom实现京东商品详细页产品图片放大镜效果,依赖于jquery.jqzoom.js插件,兼容所有浏览器,适用于电商网站商品图片浏览。
NULL 博文链接:https://liuzidong.iteye.com/blog/1152132
点击图片放大镜效果
kissy imagezoom:淘宝网的放大镜插件,由于基于kissy框架,普及率不是很高,适合于底层采用kissy的页面。 jquery magnify:把mousemove事件绑定在镜头上,稍微移动快了鼠标会脱离镜头,有明显BUG。 jquery ...
此资源为jquery插件jqzoom,用于实现图片局部放大功能,既我们通常所说的图片放大镜功能。类似淘宝的那种效果
jqzoom-放大镜 jquery ajax js 插件
jquery插件jqzoom放大镜,动态获取json数据
jquery图片放大镜插件,包含demo。
仿东京,天猫,淘宝网商品放大镜效果。参考JQZOOM插件使用jQuery仿京东网产品展示切换及放大效果的代码.rar
今天在jquery插件中看到一个jqzoom插件,感觉效果不错,就移植到了wordpress中来 在IE6,IE7,firefox,safari中测试通过 解压后把jqzoom文件夹上传到plugin目录下,后台开启即可 使用方法:在需要此效果的文章里...