Skip to content

shuiche-it/cnblog-mouse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前言

cnblog-mouse 是一个完整的插件,理论上该插件支持所有的 web 项目,本人只针对了博客园做了测试。

cnblog-mouse

博客园鼠标特效, 目前收录了12种特效

DEMO参考: https://www.cnblogs.com/shuiche/

部署说明

上传脚本

打开./dist文件夹,获取主题的 JS 脚本文件mouse.min.js。

进入『文件』界面,将该文件上传到自己的博客中。上传完成后,点击文件名便可在浏览器地址栏中获取上传文件的外链,类似如下所示:

https://blog-static.cnblogs.com/files/xuange306/mouse.min.js

然后使用<script>标签将外链包裹,生成一个网页脚本引用,类似如下所示:

<script src="https://blog-static.cnblogs.com/files/xuange306/mouse.min.js"></script>

使用脚本

进入『设置』界面,将上面生成的网页脚本引用复制到「页脚 HTML 代码」文本域中。

<script src="https://blog-static.cnblogs.com/files/xuange306/mouse.min.js"></script>
<script type="text/javascript">
    $.shuicheMouse({
        type:10, 
        color:"rgba(187,67,128,1)"
    })
</script>

参数说明

参数 类型 说明
type int 鼠标类型, 赋值 1 ~ 12 任意一个数字, 分别代表12种类型
color string/ false 特效颜色, 如果赋值 false (这里的 false 是 布尔类型), 则会随机一种颜色. string 支持类型(css颜色赋值类型都支持)
1. "#ffffff" 类型
2: rgb(255,255,255)
3: rgba(255,255,255, 0.8)

赞赏

如果您觉得 cnblog-mouse 鼠标效果做的还不错,或者想对我微小的工作一点激励,欢迎赞赏支持。

收款码2

About

博客园鼠标特效. Demo 地址

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published