如上图所示,这是一款会动的猫,移动鼠标,它的眼睛也会跟随鼠标移动,我看挺有趣的,就分享给大家了。
大家可以到 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
域名不错,非常奈斯
js文件居然是绝对路径。会影响你博客网速。??
不过我还没有在博客放这只猫 哈哈