jQuery局部透视镜效果

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

 24591  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生成二维码
  独立的部件
 53007  457

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 29432  332

jQuery分享插件jquery.share.js

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

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 88942  591

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复