自定义鼠标

发表于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

相关推荐

Generator函数自动执行器

有的东西被遗忘，有的东西销声匿迹，有的东西死了，而其中几乎不含有悲剧性因素。——《寻羊冒险记》今天用typescript写了个Generator函数自动执行器： 1234567891011export function runGenAuto(fn: Function) { let gen: Generator<Function> = fn() function next() { let result = gen.next() if (result.done) { return result.value } return result.value(next) } return next();} 为了测试效果，我们定义一个Generator函数，这个函数用于将URLSearchParams转换成一般对象当然直接遍历不用generator也能实现上述需求，但这里主要是为了测上方的自动执行Generator...

vuepress-theme-vdoing-doc

劝说常比强迫更为有效。——伊索分享vuepress-theme-vdoing的文档站：vuepress-theme-vdoing-doc 官网：https://doc.xugaoyi.com/ GitHub：https://github.com/xugaoyi/vuepress-theme-vdoing-doc 运行： 1234git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.gitcd vuepress-theme-vdoing-docnpm install # or yarn installnpm run dev # or yarn dev

chrome-devtools-mcp

你热爱生命吗?那幺别浪费时间，因为时间是组成生命的材料——富兰克林让你的 AI 助手真正“看见”浏览器：Chrome DevTools MCP 深度介绍与上手指南如果你正在用 Gemini、Claude、Cursor 或 Copilot 这样的编码助手进行自动化、调试或性能分析，你很快就会遇到一个难题：如何让 AI 真正地“连接”到一个真实的 Chrome 浏览器，稳定地执行操作、读取页面状态，并且跑出可信的性能结果？来自 ChromeDevTools/chrome-devtools-mcp 的 Chrome DevTools MCP（Model Context Protocol）服务器，正是为此而生。它以 MCP 服务器的形式，向你的 AI 编码助手暴露 Chrome DevTools 的能力：自动化操作、网络与控制台调试、截图与快照、性能追踪与洞察……并且由 Puppeteer 提供可等待、可重试的可靠自动化基底。仓库简介（Description）：Chrome DevTools for coding agents主语言：TypeScript许可协议：Ap...

apache-website-template

真正的人生，只有在经过艰难卓绝的斗争之后才能实现。——塞涅卡这个项目 https://github.com/apache/apache-website-template 包含文档和模板，可帮助您的项目构建遵循所有必需的 Apache 网站政策的网站 Apache Website TemplateThis project contains documents and templates to help your project build a website that follows all the required Apache Website Policies. Docusaurus-based template Jekyll-based template Pelican-based template For policies and infrastructure: Managing your project website Release download pages for projects Privacy policy for project website...

语法高亮shiki

即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点：精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。官方文档、GitHub地址官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...

或许美化灵魂有不少途径，但我想，阅读是其中易走的，不昂贵的，不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析：一个简单 & 强大的 Web 思维导图库与跨平台应用生态仓库地址：wanglin2/mind-map开发文档：https://wanglin2.github.io/mind-map-docs/在线使用（网页版思维导图）：https://wanglin2.github.io/mind-map/中文名：思绪思维导图（Simple mind map） 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库，同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用（基于 Vue2 + ElementUI）。它的目标不是“花哨”，而是专注于：核心逻辑简洁扩展机制清晰（插件化）高度可配置与自定义支持多结构、多格式、多媒体内容节点可以既做“库”又做“产品”，利于二次...

阿超

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

数据加载中