canvas 鼠标动画(原创)

所属分类:UI,其他-悬停,动画效果

 45176  755  查看评论 (29)
分享到微信朋友圈
X
canvas 鼠标动画(原创) ie兼容9

一款跟随鼠标移动的动画效果。

本插件对于网页来说使用性质不大,仅供学习参考。

参数仅可以修改颜色,其他的参数请在每种效果处自己更改。

相关插件-悬停,动画效果

jquery鼠标悬停效果插件

用jquery制作的页面内容鼠标悬停效果的插件
  悬停
 38837  551

jQuery+Css3鼠标不同方向移入效果

jQuery鼠标方向感知,不同方向移入移除效果
  悬停
 24407  365

jQuery鼠标悬停方向感知移入效果

jQuery简单实现鼠标各方为移入 代码简单易懂适合初学这阅读
  悬停
 32981  479

c的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 33422  382

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

    Traveler° 0
    2019/12/17 20:49:38
    仓鼠在呐喊 3
    2019/11/9 15:49:21
    今天刚下,刚开始感觉还不错,有几个问题跟大家说一下
    1、整个黑色背景的绘制和鼠标的移动事件是在canvas里。那么问题来了我们不可能只是单纯弄一个纯颜色的页面鼓动几个气泡泡,如果再加2个DIV,我的canvasz-index设为多少合适?如果设的比DIV高,那么DIV中的点击事件全部无法触发,如果设的比DIV低,当我鼠标经过DIv时,气泡功能就不会触发
    2、在配置背景色与气泡色的时候我发现作者的js中背景色无法使用透明色也就是rab的方法,只能使用#****进行配色,我正常body的背景图片无法使用,最后无奈找了大佬捋了一圈清了画布
    3、代码中没有涉及到比如鼠标移动气泡少一些的参数,就是那么一长串,没有找到可以修改的地方
    4、代码可以使用,大家放心下载!我是后端。。都能正常引入进去
        仓鼠在呐喊0
        2019/11/9 15:50:38
        第二句是有问题的。。。最后我们找到了透明色的使用办法
        Sheldon0
        2020/3/2 10:32:34
        后端怎么引进 我实在是没辙了 不懂这些
    回复
    HY_G7 0
    2019/4/17 16:03:20
    【 】 0
    2018/8/15 17:20:08
    大哥 怎么用到网页上啊
    回复
    『人心&忍心』 0
    2018/6/14 11:16:50
    David Lumin 0
    2018/5/14 14:05:43
    大佬收下我的膝盖 回复
    0
    2017/12/23 17:23:15

    怎么用其中一个呢?链接不进去

    回复
    MayDay乱世浮生 0
    2017/12/21 16:52:20
    豆腐 0
    2017/11/9 16:10:33
    第一滴泪 0
    2017/8/30 11:16:56
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复