自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)

【自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)】的更多相关文章

自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)

废话不多说,先看效果图,和上一章节用的是同一个小图片: 这个方法实现的放大有个弊端就是放大倍数设置的过大的话,会带来图片上的模糊.但是图片加载的话要比使用2张图片加载的快很多插件代码: ; (function ($) { $.fn.gysFdj = function (options) { var defaluts = { cameraW: 100, //镜头宽度 cameraH: 100, //镜头高度 pointBjColor: "#000", //镜头的背景颜色 pointOp…

自己写的jQuery放大镜插件效果(一)(采用一张大图和一张小图片的思路)

这个思路的方法会带来一个小问题,就是当鼠标放到小图上去时,会开始加载大图片,网速不佳的时候,会出现加载慢的情况.但是放大的效果和你所给出的大图片的清晰度是一样的. 先看效果图: html代码: <div class="test"> <div class="testOri"><img width="400px" height="250px" src=…

Jquery放大镜插件---imgzoom.js(原创)

Jquery放大镜插件imgzoom能够实现图片放大的功能,便于与原图进行比较. 使用方法: 1.引入jQuery与imgzoom,imgzoom.css <link rel="stylesheet" href="css/jquery.imgzoom.css" /> <script type="text/javascript" src="src/jquery-1.11.0.js" ></scrip…

jquery放大镜插件与样式

这是放大镜插件链接,我已经上传到我博客http://files.cnblogs.com/valiant1882331/%E6%94%BE%E5%A4%A7%E9%95%9C%E6%8F%92%E4%BB%B6%E4%B8%8E%E6%A0%B7%E5%BC%8F.rar 以下是代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD…

批发网加盟页面轮播Jquery jcarousellite插件效果

Jquery jcarousellite 插件的好处其中: 参数说明: btnPrev string 上一个按钮的class名, 比如 btnPrev: ".prev" btnNext string 下一个按钮的class名, 比如 btnPrev: ".prev" btnGo array 自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮:["…

玉渊潭赏樱花有感：从无到有写一个jQuery开源插件

“玉渊潭公园樱花节”是每年樱花绽放时,都会在玉渊潭公园樱举办樱花节,游客前往玉渊潭公园,可以欣赏到20个品种2000株樱花.2016玉渊潭樱花节时间:3月中旬-4月中旬观赏最佳,2016年3月23日开幕(具体开幕时间不详- -)6:00─20:30(21:30静园).樱花的花期极短,从开花到凋谢只不过七日之期,而整棵樱树从开花到全谢也只有两个礼拜左右. 在北京好几年了,一直没有去看过樱花,主要是对那玩样不感冒.这次在好友的再三邀请下,终于来到了玉渊潭公园赏樱花,故事就这样开始了... 华丽的分割…

jQuery放大镜插件jqzoom使用

源码下载,使用指导地址:http://www.mind-projects.it/projects/jqzoom/ 使用教程: 1.导入库文件 <script src="../js/jquery-1.6.js" type="text/javascript"></script> <script src="../js/jquery.jqzoom-core.js" type="text/javascript&quo…

jQuery放大镜插件

(function($) { $.fn.magnifier = function(options){ var options = $.extend({ bigWidth: 400, //大图高度 bigHeight: 400, //大图高度 offset: 10, //大图与小图之间的偏移 condition: true },options); return this.each(function(){ var self = $(this); if(options.condition === tr…

自己写的jQuery颜色插件

界面效果: 插件js代码: ;(function ($) { //122种颜色 var aColors = [ "ff0000", "ffff00", "00ff00", "00ffff", "0000ff", "ff00ff", "ffffff", "eeeeee", "e5e5e5", "dcdcdc",…

Jquery相册插件（开源下载）

一,导言上次 “不定义JQuery插件,不要说会JQuery” 的博客写的肤浅,漏洞百出,而且最重要的是从理论上说如何定义一个jQuery插件,没有实质性的写一个jQuery插件出来,这未免是纸上谈兵.在两周前我就琢磨着写一个什么插件,最后决定写一个jQuery相册插件比较合适,jQuery相册插件虽然在google上一搜,能搜索出成百上千的产品,比如下边列表中谈到的: 60+ Useful jQuery Image Slider Roundup 100+ Free jQuery Image…