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

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

大家可以到 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

 

赞同(0) 打赏
未经允许不得转载:BlogC » 给你的网页添加一只会跟随鼠标动的黑猫
分享到

评论 3

  1. #2

    域名不错,非常奈斯

    JACK3年前 (2021-07-24)回复
  2. #1

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

    黑豹3年前 (2021-07-22)回复
    • 不过我还没有在博客放这只猫 哈哈

      杨哥3年前 (2021-07-23)回复