博客园自定义鼠标美化
1、鼠标指针替换
- 在
博客设置-> 文件
中上传自己的鼠标样式,上传时注意将后缀改为.ico
- 对刚刚上传的ico文件
右键->复制链接地址
- 添加css代码
在博客设置-> 设置
中找到页面定制 CSS 代码
,添加:
html {
cursor: url('https://files.cnblogs.com/files/yyyzyyyz/%E6%8C%87%E9%92%88.ico'), auto;
}
-
url改为自己的ico链接
-
提供一些鼠标指针:https://wwa.lanzoui.com/iAAxZv3ss5a
-
如需更多,推荐网址:http://www.molizm.com/category_67.html
2、鼠标动态效果
鼠标点击效果Js代码:
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤感谢观看❤","❤","❤喜欢就点个赞呗❤","❤❤","❤快去点赞❤","❤❤❤","❤不是点这里哦❤","❤❤","❤点赞在底部啦❤","❤","❤❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
开源鼠标特效地址:https://github.com/shuiche-it/cnblog-mouse
本文来自博客园,作者:yyyz,转载请注明原文链接:https://www.cnblogs.com/yyyzyyyz/p/15383875.html