canvas 鼠标动画(原创)

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

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

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

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

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

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

基于Jquery的简单实用的图片悬浮效果

简单实用的图片悬浮效果如果要兼容ie8可将背景图作成png.
  悬停
 23476  298

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏
  悬停
 35247  255

canvas鼠标追随效果

canvas鼠标追随粒子放射效果
  悬停
 26571  299

鼠标移入展开(原创)

适用于鼠标移入产品详情展示
  悬停
 15724  228

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