- 浏览: 38520 次
- 性别:
- 来自: 北京
最新评论
-
fengzhaoyang:
serverMessage.jsp 代码不全吧客户端的jsp页 ...
基于DWR的点对点聊天实现 server---client
第一种实现的方法
注意:本方法用的是jqzoom.pack.1.0.1.js
第二种方法
注意:本方法用的是jqzoom.pack.1.0.1.js
<script type="text/javascript" src="js/jquery-1.5.min.js"></script> <script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="style/jqzoom.css" > <style type="text/css"> </style> <script type="text/javascript"> $(document).ready(function(){ $(".jqzoom").jqzoom({ xzoom: 300, //设置放大 DIV 长度(默认为 200) yzoom: 300, //设置放大 DIV 高度(默认为 200) offset: 10, //设置放大 DIV 偏移(默认为 10) position: "right", //设置放大 DIV 的位置(默认为右边) preload:1, lens:1 }); }); </script>
<div> <a href="images/pro_img/blue_one_big.jpg" class="jqzoom"> <img src="images/pro_img/blue_one_small.jpg" title=""/> </a> </div>
第二种方法
<script type="text/javascript" src="js/jquery-1.5.min.js"></script> <script src="js/jquery.jqzoom.js" type="text/javascript"></script> <style type="text/css"> div.zoomdiv { z-index: 999; position : absolute; top:0px; left:0px; width : 200px; height : 200px; background: #ffffff; border:1px solid #CCCCCC; display:none; text-align: center; overflow: hidden; } div.jqZoomPup { z-index : 999; visibility : hidden; position : absolute; top:0px; left:0px; width : 50px; height : 50px; border: 1px solid #aaa; background: #ffffff url(../images/zoomlens.gif) 50% top no-repeat;; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); } </style> <script type="text/javascript"> $(document).ready(function(){ $(".jqzoom").jqueryzoom({ xzoom: 300, //设置放大 DIV 长度(默认为 200) yzoom: 300, //设置放大 DIV 高度(默认为 200) offset: 10, //设置放大 DIV 偏移(默认为 10) position: "right", //设置放大 DIV 的位置(默认为右边) preload:1, lens:1 }); }); </script>
<div class="jqzoom"> <img src="images/pro_img/blue_one_small.jpg" jqimg="images/pro_img/blue_one_big.jpg"/> </div>
- jqzoom_ev1.0.1.zip (509.6 KB)
- 下载次数: 74
- 第二种.rar (29.5 KB)
- 下载次数: 29
发表评论
-
阿里巴巴JAVA开发手册
2017-02-13 13:48 544目录 一 、编程规约 编程规约 ............... ... -
druid 数据库密码加密
2017-01-23 14:59 375cmd命令: 1、切换的druid-0.2.9.jar包所在目 ... -
基于DWR的点对点聊天实现 server---client
2015-04-27 17:23 2222RemoteMessageServer 客服类 packa ... -
spring mvc 表单提交controller中文乱码
2015-03-02 16:11 1900用spring的编码器过滤所有请求,但还是有问题,最后发现是表 ... -
Hibernate hql left join
2015-01-30 17:13 10951.配置映射关系 2.from A表 left join A表 ... -
ajax 提交表单数据 到action
2015-01-27 15:11 465$.ajax({ url:'showDe ... -
easyui
2015-01-21 17:43 766$(function(){ var pageCou ... -
Jquery ImageMapste Map area
2015-01-09 09:29 721ImageMapste 可以给Map Area 添加背景色 ... -
Flex Repeater
2014-02-20 18:35 425<mx:VBox x="674" ... -
Flex Struts2 fileupload上传文件
2014-02-20 18:33 724file=new FileReference(); ... -
Myeclipse提示Jquery
2011-08-31 11:22 925项目右键properties MyEclipse -> ... -
java获取土豆视频
2011-04-02 14:03 1056通过JAVA获取土豆视频,现在很多社会网站都有这个功能,用户输 ... -
flex鱼眼菜单
2011-03-31 10:46 1753flex鱼眼菜单 -
datagrid 套combobox
2011-03-29 15:20 828<mx:DataGridColumn headerTex ... -
Web开发人员必备的20款超赞的jQuery插件
2011-02-24 08:51 722中文:http://sd.csdn.net/a/2011021 ... -
Oracle修改默认数据库,及启动关闭命令,查询连接的当前数据库
2011-02-22 09:55 2725Oracle Windows平台修改默认sid假如window ... -
JQuery的thickbox插件,弹出窗
2011-02-17 11:29 818http://jquery.com/demo/thickbox ... -
jQuery的appendto()移动
2011-02-16 09:45 1263var $self = obj.find("u ... -
flex 饼图缓动
2011-02-09 10:32 1225<?xml version="1.0&qu ... -
jquery图片动态加载示例
2011-01-25 09:39 2169<!DOCTYPE html PUBLIC &quo ...
相关推荐
jquery jqzoom插件制作图片放大镜图片窗口放大显示 jquery jqzoom插件制作图片放大镜图片窗口放大显示
NULL 博文链接:https://mr-zhong.iteye.com/blog/1618321
jquery图片放大镜插件,包含demo。
transport.js文件(解决ecshop jquery jqzoom冲突)
jquery jqzoom京东商城商品详细页面图片放大镜
jquery.jqzoom.js
jqzoom jqzoom jquery
jquery插件 模拟的图片放大器效果 jqzoom Magnify
今天在jquery插件中看到一个jqzoom插件,感觉效果不错,就移植到了wordpress中来 在IE6,IE7,firefox,safari中测试通过 解压后把jqzoom文件夹上传到plugin目录下,后台开启即可 使用方法:在需要此效果的文章里...
主要介绍了图片放大镜jquery.jqzoom.js的使用另附放大镜图标,需要的朋友可以参考下
NULL 博文链接:https://liuzidong.iteye.com/blog/1152132
* 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 ...
本文实例讲述了基于jQuery插件jqzoom实现的图片放大镜效果。分享给大家供大家参考,具体如下: jqzoom插件实现图片放大镜效果。 图1.1jqzoom插件实现图片放大镜效果 1、引入jqurty和jqzoom插件 [removed][removed]...
jqzoom v2.0 基于jQuery的图片放大插件,以前发过1.0版本的,2.0比1.0功能扩展了更多,功能更强大,也是目前使用最顺手的一个版本,压缩包内附带有官方实例,使用方法什么的通过代码应该就能看得懂,jqzoom被广泛...
Jquery.jqzoom + jcarousel 实现图片滚动和局部图片放大镜效果
此资源为jquery插件jqzoom,用于实现图片局部放大功能,既我们通常所说的图片放大镜功能。类似淘宝的那种效果
通过简单的一个html页面和引用插件,实现查看图片时,放大图片,是图片更加清晰.