位置: 编程技术 - 正文
jQuery实现图片局部放大镜效果(jquery设置图片路径)
编辑：rootadmin推荐整理分享jQuery实现图片局部放大镜效果(jquery设置图片路径)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery图片效果,jquery 图片插件,jquery设置图片路径,jquery实现图片的放大缩小,jquery实现图片的放大缩小,jquery设置图片大小,jquery 图片插件,jquery设置图片路径,内容如对您有帮助，希望把文章链接给更多的朋友！
下图只是给大家举个例子，类似于这种效果图：
具体实现过程请看下文代码：
css
js
还需要有Jquery.js
使用方法：
1.当页面导入的时候，载入 jQZoom 插件。
2.创建一个放图片的容器，指定一个a标记用于显示放大后的图片的一部分：
下面给一些基本的配置参数：
&#;zoomType，默认值：'standard'，另一个值是'reverse'，是否将原图用半透明图层遮盖。
&#;zoomWidth，默认值：，放大窗口的宽度。
&#;zoomHeight，默认值：，放大窗口的高度。
&#;xOffset，默认值：，放大窗口相对于原图的x轴偏移值，可以为负。
&#;yOffset，默认值：0，放大窗口相对于原图的y轴偏移值，可以为负。
&#;position，默认值：'right'，放大窗口的位置，值还可以是:'right' ,'left' ,'top' ,'bottom'。
&#;lens，默认值：true，若为false，则不在原图上显示镜头。
&#;imageOpacity，默认值：0.2，当zoomType的值为'reverse'时，这个参数用于指定遮罩的透明度。
&#;title，默认值：true，在放大窗口中显示标题，值可以为a标记的title值，若无，则为原图的title值。
&#;showEffect，默认值：'show'，显示放大窗口时的效果，值可以为: ‘show' ,'fadein'。
&#;hideEffect，默认值：'hide'，隐藏放大窗口时的效果: ‘hide' ,'fadeout'。
&#;fadeinSpeed，默认值：'fast'，放大窗口的渐显速度(选项: ‘fast','slow','medium')。
&#;fadeoutSpeed，默认值：'slow'，放大窗口的渐隐速度(选项: ‘fast','slow','medium')。
&#;showPreload，默认值：true，是否显示加载提示Loading zoom(选项: ‘true','false')。
&#;preloadText，默认值：'Loading zoom'，自定义加载提示文本。
&#;preloadPosition，默认值：'center'，加载提示的位置，值也可以为'bycss'，以通过css指定位置。
样式的个性化当然也可以直接修改jqzoom.css文件。
基于jquery实现简单的分页控件 前台分页控件有很多，这里分享我的分页控件pagination.js1.0版本，该控件基于jquery。先来看一下预览效果：默认情况下，点击页码会像博客园一样，在url
基于jquery实现智能提示控件intellSeach.js 一、需求我们经常会遇到【站内搜索】的需求，为了提高用户体验，我们希望能做到像百度那样的即时智能提示。例如：某公司人事管理系统，想搜索
jquery基础知识第一讲之认识jquery jQuery是一个优秀的JavaScript库，它凭借简洁地语法和跨平台的兼容性，极大地简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax操作
标签: jquery设置图片路径
本文链接地址:https://www.jiuchutong.com/biancheng/384010.html 转载请保留说明！上一篇：jQuery实现放大镜效果实例代码(jquery图片放大效果)
下一篇：基于jquery实现简单的分页控件(如何用jquery)