图片放大镜查看
来源:互联网 发布:wifi定位算法研究 编辑:程序博客网 时间:2024/06/07 07:14
要准备一张小图和一张清晰点的大图,然后在页面中引入JQUERY和这个插件的JS
<html>
<head><script src="/js/jquery-1.7.2.min.js"></script>
<script src="/js/jqzoom.pack.1.0.1.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jqzoom.css"/>
</head>
<body>
<a href="/img/big.jpg" class="jqzoom" style="" title="kawasaki">
<img src="/img/small.jpg" border="0" style="border: 1px solid #666;" title="kawasakigreen">
</a>
</body>
<script type="text/javascript">
$(function() {
var options3 =
{
zoomWidth: 300,
zoomHeight: 300,
xOffset: 20,
title: false,
lens:false
};
$(".jqzoom").jqzoom(options3);
});
</script>
</html>
jqzoom插件下载地址:
http://download.csdn.net/detail/lluohuih/8460393
0 0
- 图片放大镜查看
- jQuery图片放大镜查看
- canvas实现放大镜查看图片
- 图片放大镜
- 图片放大镜
- 图片放大镜
- 图片放大镜
- 图片放大镜
- 图片放大镜
- 图片放大镜
- 一个图片局部放大镜
- JQUERY图片放大镜插件
- jQZoom 图片放大镜
- jquery 图片放大镜例子
- 网页图片放大镜
- JQuery 图片放大镜效果
- jquery 图片浏览 放大镜
- 图片放大镜效果
- union和union all的区别
- 逆波兰式转换
- linux下安装emacs
- Delphi泛型应用示例之一:接口化指针
- ListView优化机制及滑动时数据错乱分析
- 图片放大镜查看
- Linux命令之hexdump - ”十六“进制查看器
- KEIL MDK 查看代码量、RAM使用情况--RO-data、RW-data、ZI-data的解释
- 【Android API Guides 简译(三)】Data Storage--Storage Options
- 一行代码搞定Parcelable,告别Parcelable繁琐代码!
- Linux 线程同步的三种方法
- Android OTA升级包制作脚本详解(四,生成升级脚本updater-script)
- 解决TextView中MaxLines与ellipsize=end冲突问题
- Android BluetoothAdapter stopLeScan和startLeScan注意事项