自定义鼠标

发表于2021-07-15|更新于2026-02-24

|浏览量:

无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》

我们可以使用CSS中的

1	cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto;

去自定义我们的鼠标图片

这里后面的auto是如果前面鼠标图片失效时的备选方案

我们也可以改成default、pointer等等

甚至可以多个并存

1	cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto;

效果如下

QQ图片20210715230053

相关推荐

js日期库moment

健全的身体比金子还珍贵，强壮的体魄比享用不尽的财富还有价值。——佚名 https://github.com/moment/moment 用于解析、验证、操作和格式化日期的 JavaScript 日期库。文档： Moment.js | Docs 使用非常简单 1npm install moment 12var moment = require('moment'); // requiremoment().format(); 或者 12import moment from 'moment';moment().format(); 解析时间 1var day = moment("1995-12-25"); 格式化时间： 1moment("12-25-1995", "MM-DD-YYYY");

react生命周期弃用

强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子在运行apache-shenyu发现很多警告大致说是生命周期弃用了，并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点，以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景我也针对新建了一个issue，去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341

睡在哪里都是睡在夜里。 ——贾平凹《废都》分享一个开源项目： GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件，这是 JS 世界中最受欢迎的 markdown 解析器之一，以使其更好地与 Vue 配合使用它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/

css实现毛玻璃效果

醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适从这里学过来的 Backdrop Filter Effect With CSS | CSS-Tricks 核心代码如下： 123.container { backdrop-filter: blur(10px);} 效果 See the Pen Untitled by Guillermo Esteves (@gesteves) on CodePen. 进阶学习backdrop： Backdrop-filter | CSS-Tricks

export default和module.exports

我期望理解，但是也慢慢地感受到了一种责任，给予比接受伟大，去爱比被爱伟大。 ——海明威我们在vue项目中创建两个js 在util.js中写入 123export default { ruben: 'ruben'} 在api.js中写入 123module.exports = { vampire: 'vampire'} 我们再来一个页面中使用两种方式引用 123456789101112131415<script>import util from '@/common/util.js';import api from '@/common/api.js'const util1 = require('@/common/util.js')const api1 = require('@/common/api.js')export default{ created(){ co...

display:contents

多少人以友谊的名义，爱着一个人。——电影《One Day》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码： 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中