canvas 鼠标动画(原创)

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

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

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

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

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

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

9种CSS3 blend模式制作的鼠标滑过图片标题特效

9种CSS3 blend模式制作的鼠标滑过图片标题特效
  悬停
 22075  303

C3经过动效

各种C3鼠标经过动效
  悬停
 24055  354

CSS3实现超酷的鼠标悬停效果

CSS3实现超酷的鼠标悬停效果
  悬停
 30471  452

JS超酷图片翻动展示效果

JS超酷图片翻动展示效果
  悬停
 27255  444

讨论这个项目(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
取消回复