在建立自己的平台之后就会出现许多有意思的事,其中就包括不断的去美化网站,这样做的好处就是摆脱疲劳的审美观,增加博客网站的可阅读性,留给用户一个深刻的印象,同时也证明管理员对网站美观的一种追究,追求极致的交互页面给用户带来惊喜。
接下来带领大家来探讨一下如何给网页改变默认的鼠标界面,
首先来说第一种方法;
使用Unique Cursor 可以在后台直接安装启用,然后就可以设置喜欢的鼠标样式,点击保存就可以了,disable是关闭,enable是使用的意思。
第二种方法是通过编辑网站本地的css文件去实现网站鼠标的更改
1.选择一个我们要使用的鼠标样式
2.将鼠标样式文件上传到网站模板目录mouse(自己建的文件夹)下
Ps:默认情况下模板主体在系统的themes文件夹下,html页面除外,自行研究!
3.将下面这段代码添加到主题根目录style.css中,这里建议放置css代码最后方便查删
/**普通指针样式**/ body{ cursor:url(https://www.zsoco.com/wp-content/themes/PandaPRO2.1.0/mouse/default.cur),default; } /**链接指针样式**/ a:hover{ cursor:url(https://www.zsoco.com/wp-content/themes/PandaPRO2.1.0/mouse/pointer.cur),pointer; }
这里使用绝对路径,括号中的路径以自己网站实际路径
Ps:域名+绝对路径(指包括网站文件夹的其他路径)最后的default.cur与pointer.cur为鼠标样式的文件,鼠标样式可包括cur,png文件格式
4.代码添加完成保存之后刷新网站测试是否成功,如果不显示请点击浏览器更多-清除浏览器图片缓存-刷新网站。谷歌浏览器快捷键CTrl+Shift+Del
Ps:如何测试自己的括号里的路径是否正确无误,将路径复制-粘贴浏览器网址栏-Enter运行,如果可以下载鼠标样式文件就是正确路径
最后鼠标样式zip已打包建议收藏
,
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
暂无评论内容