自定义网页鼠标指针样式

沃森博客 2017年9月8日22:37:25web大杂烩评论1,6991阅读模式
自定义网页鼠标指针样式

自定义网页鼠标指针样式

在Owen博客看到的自定义网页鼠标指针样式的文章,来美化网页的鼠标指针。效果就是现在本站的效果,收集过来分享给大家。

方法一:Css cursor实现网页鼠标指针样式

首先,大家要去物色2个比较好看的指针,下载到本地然后上传到你的网站服务器上,上传好之后我们就访问他的地址看看能不能打开,如果可以就上传成功了。

比如我的是http://wosn.net/zhizhen/normal.cur和http://wosn.net/zhizhen/link.cur

然后把下载的css样式加入样式表中:

  1. /**普通指针样式**/  
  2. body{cursor:url(http://wosn.net/zhizhen/normal.cur),default; }  
  3. /**链接指针样式**/  
  4. a:hover{cursor:url(http://wosn.net/zhizhen/link.cur),pointer;}  

刷新网页看效果吧。

方法二:Unique Cursor 插件实现网页鼠标指针样式(wordpress站点方法)

在wordpress后台进入插件-安装插件-搜索框复制-Unique Cursor插件-点击安装安装好了之后在网站后台左边功能表中找到Unique Cursor打开就可以选择喜欢鼠标样式了。这个方法方便,但插件装得太多影响网站速度,个人认为还是能少装就少装吧。

沃森博客
  • 本文由 发表于 2017年9月8日22:37:25
  • 本文来自互利网收集整理,问题反馈联系邮箱:wosnnet@foxmail.com,转载请务必保留本文链接:https://wosn.net/398.html

发表评论