资讯专栏INFORMATION COLUMN

jquery实现放大镜简洁代码

msup / 2339人阅读

摘要:简介网上有许多放大镜的的插件,但是用着不是那么得心应手,现在一页代码实现一个放大镜功能,如果需要附加的功能可以手动修改,原理都在注释里放大镜效果设置为固定大小缩略图放大镜在原图不上的小块放大镜区域,大图,设置为隐藏

简介

网上有许多放大镜的jquery的插件,但是用着不是那么得心应手,现在一页代码实现一个放大镜功能,如果需要附加的功能可以手动修改,原理都在注释里




    
    放大镜效果
    



even.clientX
even.clientY
下载demo

https://github.com/mytheshow/...

链接:http://pan.baidu.com/s/1mhAlGec 密码:kyrl

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83402.html

相关文章

  • 深入了解Javascript模块化编程

    摘要:我们将简单地创建一个匿名函数并立即执行它。注意这对包裹匿名函数的最外层括号。幸运的是,我们的匿名函数提供了简单的变通方法。另外,它还维护了一个利用匿名函数闭包的私有的内置状态。 本文译自Ben Cherry的《JavaScript Module Pattern: In-Depth》。虽然个人不太认同js中私有变量存在的必要性,但是本文非常全面地介绍了Javascript中模块化模...

    骞讳护 评论0 收藏0
  • jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

    摘要:随后会陆续发布及相关版本的插件。这和图片查看器的操作方式是相同的。目前的调整大小存在一点,但不影响整体的使用。键盘控制和照片查看器的按键是一样的。除了照片查看器,的图片查看器也非常的高大上。 showImg(https://segmentfault.com/img/remote/1460000012565638?w=750&h=375); 前言 因为一些特殊的业务需求,经过一个多月的蛰...

    anyway 评论0 收藏0
  • jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

    摘要:随后会陆续发布及相关版本的插件。这和图片查看器的操作方式是相同的。目前的调整大小存在一点,但不影响整体的使用。键盘控制和照片查看器的按键是一样的。除了照片查看器,的图片查看器也非常的高大上。 showImg(https://segmentfault.com/img/remote/1460000012565638?w=750&h=375); 前言 因为一些特殊的业务需求,经过一个多月的蛰...

    chaosx110 评论0 收藏0
  • jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

    摘要:随后会陆续发布及相关版本的插件。这和图片查看器的操作方式是相同的。目前的调整大小存在一点,但不影响整体的使用。键盘控制和照片查看器的按键是一样的。除了照片查看器,的图片查看器也非常的高大上。 showImg(https://segmentfault.com/img/remote/1460000012565638?w=750&h=375); 前言 因为一些特殊的业务需求,经过一个多月的蛰...

    Airmusic 评论0 收藏0
  • jQuery Ajax应用与常用插件

    jQuery 实现Ajax应用 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数 使用getJSON()方法异步加载JSON格式数...

    bingchen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<