烟雨红尘的寻觅,诗画江南的惦记

通过CSS给网站添加个性鼠标光标

行走江湖 2017-03-14 浏览(1283) 评论(5)
- N +

其实就是一段CSS代码,定义了一下光标,使他不再使用本地的光标! 当然WordPress上好像有类似插件,不过一段CSS搞定的东西,要插件拖慢网站加载速率干嘛! CSS文件只要在页面中引用了就可以,WordPress的直接添加到style.css中即可 ,其他的不知道可直接添加到页面底部! 光标文件,自己百度一下就好了,大把大把的资源!   

这里给个专门收集鼠标光标的资源站:鼠标指针 - 系统之家   


直接上CSS代码,如果是添加到页面中的,请添加如下代码到<style></style>之间

body {
    cursor: url(浏览网页时的光标文件地址), auto;
}
a:hover {
    cursor: url(选定目标时的光标文件地址), auto;
}


body的为全局默认光标,a:hover的则为a标签时 使用的样式,就这么简单,如果没有cur文件,可以用透明的png文件代替!

(本文转自:幻杀博客

本文标题:通过CSS给网站添加个性鼠标光标
作者授权:除特别说明外,本文由 情醉中国风 原创编译并授权 情醉中国风博客 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
作者:情醉中国风

评论列表 (5)条评论
网友昵称:世界第一的月宅!
世界第一的月宅!游客2年前 (2017-03-18)回复
我还以为这个是中指
网友昵称:情醉中国风
情醉中国风管理员2年前 (2017-03-18)回复
@世界第一的月宅! 考虑一下,我要不要换一个中指……
网友昵称:落叶大大
落叶大大游客2年前 (2017-03-18)回复
考虑一下,我要不要加一个特效
网友昵称:情醉中国风
情醉中国风管理员2年前 (2017-03-18)回复
@落叶大大 考虑一下,我要不要加一个特效
网友昵称:文栋说
文栋说游客2年前 (2017-03-15)回复
考虑一下,我要不要加一个特效

发表评论