jQuery局部透视镜效果

所属分类:其他-独立的部件,杂项

 24995  385  查看评论 (8)
分享到微信朋友圈
X
jQuery局部透视镜效果 ie兼容10

直接解压,可改背景和透视范围,jquery版本2.1.3

c.globalCompositeOperation = 'destination-out';
c.fillStyle = gradient
c.arc(mousePosition.x, mousePosition.y, flashlight_size.outside, 0, Math.PI * 2, false);//圆的画法


相关插件-独立的部件,杂项

jQuery分享插件jquery.share.js

jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 116552  639

jQuery网站引导插件joyride

jQuery网站引导插件joyride
  独立的部件
 33485  326

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 61502  473

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 60504  418

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    3.3 1
    2016/11/10 23:11:03

    表示三行jquery代码完美pk这个效果,如下:

    x = e.clientX;
    y = e.clientY + 40;
    $("#box2").css("background", "-webkit-gradient(radial," + x + " " + y + ",80," + x + " " + y + ",120,from(rgba(0, 0, 0, 0.1)),to(rgba(0, 0, 0, 1)))")
        焦――焦0
        2016/12/6 17:12:54
        楼上是替换原来的JS里的代码的意思?
        3.30
        2017/3/24 15:32:27

        是完全不按照他的思路  用css3里径向渐变来实现 渐变颜色为透明,渐变区域跟随鼠标,然后就跟他效果一样了  而且玩一天都不会卡   ..

        阳光雨0
        2022/9/8 12:05:31
        大佬 能上传个实际效果看下吗?
    回复
    一纸思念丶 0
    2016/4/23 20:04:36
    一开始还好,10秒后圆形会越来越卡,跟不上鼠标的速度
        阿马0
        2016/5/16 16:05:08
        恩,是这么回事,能优化解决吗?
    回复
    锐不可当 0
    2016/4/7 17:04:08
    乍一看,有点像黑夜里开手电筒的感觉。 回复
    xujianxing 0
    2016/4/7 8:04:56
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复