笔记

给你的网页添加一只会跟随鼠标动的黑猫

12个月前 (07-22)   1,568   本文共843个字  

如上图所示,这是一款会动的猫,移动鼠标,它的眼睛也会跟随鼠标移动,我看挺有趣的,就分享给大家了。

大家可以到 WhoisW.com看看动态效果。

调用代码:






说明:
1.复制此上面代码粘贴到网站的标签前即可
2.一般都是粘贴到公共底部文件如footer命名的文件
3.使用时可参考下面标签说明进行设置
其他说明:所有文件都是做了CDN,加载贼快哦!

标签说明(使用时请参考如下说明):


superSample: 2, // 超采样等级
width: 120, // canvas的宽度
height: 120, // canvas的高度
position: 'left', // 显示位置:“left”为左-----“right”为右
hOffset: 0, // canvas水平偏移
vOffset: 0, // canvas垂直偏移
show: true, // 是否在移动设备上显示
scale: 1, // 移动设备上的缩放
motion: true, // 移动设备是否开启重力感应
opacityDefault: 1.0, // 默认透明度
opacityOnHover: 1.0, // 鼠标移上透明度

如需下载完整包(里面有JS文件):
链接: https://pan.baidu.com/s/1vYAUVZgSUmRE1orntQu0Sg
提取码: stzj

 

版权声明:YANGGE 发表于 2021年07月22日
转载请注明:给你的网页添加一只会跟随鼠标动的黑猫 | YANGGE

您可能感兴趣的

3 条评论

  • JACK ( VIP 2 )

    回复

    域名不错,非常奈斯

  • 黑豹 ( VIP 1 )

    回复

    js文件居然是绝对路径。会影响你博客网速。😝😝

    • 回复

      不过我还没有在博客放这只猫 哈哈