添加自定义鼠标图标

之前偶然机会进去看了看以前加的web群。里面的大佬各种秀,又燃起了唔写web的热情。看看自己的博客都已经有大半年了,还是原来的模板,惭愧啊

这次就先加一个小东西吧,效果见这个页面的鼠标

在css里面有这样一个标签cursor

就是用来改变鼠标样式的

url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(南)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)

其他的都是可以在教程往上面了解很清楚,就不详细说了。咱们就主要来说说自定义的吧

要想用url来自定义鼠标的图标,就要有cur文件(静图)和ani文件(动画)

他们可以从百度,Google上面找到,因为这些素材特别乱唔也没找到什么好的网站,就不推荐了

像唔这样想表达个性的人来说,自己做是最好的。这里有推荐的软件名字叫anifx

点击这里下载

下载完成后解压,进入AniFXchina文件夹,双击打开AniFX.exe。

右上角,点击文件,新建

一般默认就好了,第一次使用都是默认肯定没有什么问题哒~

然后就是作画时间了,一开始就随便糊弄一下就好了,主要是方便以后的使用。

之后文件另存为一个比较方便的地点。比如在直接的网页目录下~

在css里面添加这段代码

body{
cursor: url('http://blog.ziyicitu.com/wp-content/uploads/2019/09/citu.cur'),auto;
}

url里面就是自己cur文件的路径,后面一般要加一个默认图标,防止url里面的图标不能用。这里你可以直接拷贝这个到css里面就可以直接看到效果。

对于wordpress来说,要添加额外的css效果可以登录到自己的站点,在自定义最下面就可以看见额外的css。

如果要给特定的文章加css,wordpress早就预料到了这一点,每一篇文章都有一个独特的css名称。例如这篇文章的,就是postid-160

知道需要指针图标的id后就可以在css里面直接添加

.postid-160
{	cursor:url('http://blog.ziyicitu.com/wp-content/uploads/2019/09/citu.cur'),auto;
}

这样只要在body的盒子里鼠标就会变成自己画的那样,但是遇到子盒子就会变回原来的样子。解决方法之一就是加一个写css文件,专门用来放自己的图标。

然后在不同的盒子里面用各种特殊的指针,打造属于自己的博客o(〃’▽’〃)o

懒洋洋的

最近忙了两天的社团呐,感觉要累怕下了。明天还有课,真是累呀

像我这样内向的孩子(笑)多多参加社团还是有好处的,比如学习学习社会技能啊,体会体会人间冷暖啊,感受感受大自然的美好气息呀,不要老是待在家里打电脑,身体都打坏了(笑

不管怎么样,新学期开始还是很好的,认识了很多人,他们都是各个社团里认识的,不知道名字,不关心年龄性别,也不在乎其他的各种不同。只要见面一笑,叫声兄弟,什么事都不是事。然后居然和其他人一起在学校操场上面打牌,真是做梦都不会做到的事。(我做梦和一群陌生人打牌干嘛。。。

不过真的很开心啦,上一次怎么疯狂应该就是遇见唐了吧。我想她了。

两个人的世界真的很令人向往。唉,我要是一个诗人,或者歌手就好了,怎么都表达不出自己想要的感觉。这不是第一次感觉到自己语言能力不足了。

从小就很少说话,语言能力也很差,无论语文还是英语都是处在不及格线以下。今年十二月份就要考四级了,有些害怕自己考不过去。

好啦好啦,不要去想怎么多事情,时间不早了,好好碎觉(=-ω-)zzZZ乙乙

今日绘

嘿嘿

虽然有点牵强,但是我也是画了画的呀

看,这就是画出来的结果哦

/*--  调入了一幅图像:这是您新建的图像  --*/
/*--  宽度x高度=16x16  --*/
0x00,0x00,0x00,0x9F,0xBE,0x78,0x73,0x2F,0x3B,0x4C,0x97,0xAF,0xD4,0x3F,0x07,0x00,
0x00,0xC0,0x21,0x92,0x8A,0x46,0xAB,0x91,0x52,0x24,0x14,0x0C,0x10,0x2F,0x10,0x00,

用单片机加上一些代码,就变成了美丽的画(笑

16*16像素的单色画,感觉真的很奇妙,就像发现什么不可思议的秘密一样。惊喜!

当然也不是本专业要学的东西,因为感兴趣,就买了装备在寝室里面自学

学习资料什么的,卖家都准备的特别好,基础的什么东西啊,知识什么的应该都会交给我的

自己的学习欲得到满足,真的超爽

看到自己亲手做出来的东西才充满了意义

画的是个小精灵,好像是冒险岛里面的人物,找像素图的时候看见了

用鼠标一个一个点出来的,感觉很神奇,做事情就是要感受过程,一味的为了什么结果,反而会市区很多东西

继续前行!喵~