jQuery局部透视镜效果

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

 25325  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);//圆的画法


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

可自定义轻量侧边悬浮插件

可以自定义悬浮.邮箱、QQ、电话、二维码等....
  独立的部件
 49020  622

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 58323  502

jQuery表格导出数据

将表格的数据导出到excel,csv,pdf或是直接打印
  独立的部件
 52231  567

jQuery漂亮的CSS3颜色渐变选择器

jQuery漂亮的CSS3颜色渐变选择器可直接生成各种CSS渐变代码,功能强大!
  独立的部件
 31926  324

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