自定义鼠标

发表于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禁止右键点击事件

勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达·芬奇 js禁止右键点击事件触发代码 123456789101112131415161718192021222324function click() { return false;}function click1() { if (event.button == 2) { return false; }}function CtrlKeyDown() { if (event.ctrlKey) { return false; }}document.onkeydown = CtrlKeyDown;document.onselectstart = click;document.onmousedown = click1;document.oncontextmenu = function(event) { if (document.all) windo...

曾因酒醉鞭名马，生怕情多累美人。——郁达夫官方网址：https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时，会反复下载、重复下载，如果有一款工具，能够缓存起来我们的下载，那就是pnpm了快速pnpm 是同类工具速度的将近 2 倍高效node_modules 中的所有文件均链接自单一存储位置支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持权限严格pnpm 创建的 node_modules 默认并非扁平结构，因此代码无法对任意软件包进行访问安装很简单，就像普通安装一个模块一样即可： 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v

morjs转换小程序

健康是一种自由——在一切自由中首屈一指。——亚美路就是这个项目： https://github.com/eleme/morjs 基于小程序 DSL（微信、支付宝）的，可扩展的多端研发框架，支持一键将微信或支付宝小程序转换为微信、支付宝、百度、字节、QQ、快手、淘宝、钉钉等小程序或 Web 应用官网 https://mor.ele.me/ 快速上手快速上手环境准备MorJS 项目基于 node，请确保已具备较新的 node 环境（>=14），推荐使用 node 版本管理工具 nvm 来管理 node（Windows 下使用 nvm-windows），这样可以很方便地切换 node 版本，全局安装时候也不必再使用 sudo。 1# mac 或 linux 下安装 nvm$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash$ nvm -v0.39.1# 安装 node$ nvm install 14$ nvm use 14$ node -vv14....

人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特 https://github.com/videojs/video.js https://videojs.com/ Video.js：强大的开源 HTML5 视频播放器在现代 Web 开发中，视频已经成为内容交互的重要组成部分。从媒体网站到教育平台，视频播放器的选择直接影响用户体验。对于开发者来说，一个强大、灵活且易于定制的视频播放器至关重要。 Video.js 是一个开源的 HTML5 视频播放器，拥有强大的功能、广泛的插件支持，以及全面的浏览器和设备兼容性。它是开发者在构建视频播放功能时的理想选择。什么是 Video.js？Video.js 是一个基于 HTML5 的视频播放器，它支持现代浏览器和设备，同时提供对旧版浏览器的回退支持（如 Flash）。它的设计目标是为开发者提供一个轻量级、可扩展且功能强大的视频播放解决方案。核心特性1. 广泛的格式支持Video.js 支持所有常见的视频格式，包括 MP4、WebM 和 HLS 等...

懂得生命真谛的人，可以使短促的生命延长。——西塞罗代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码： 1const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`))); 但是还存在 base64 解码时无法正确解码中文问题，继续改进 1const tok...

发上开出了蔷薇，袖底是风，足下是莲。——顾城 https://github.com/dromara/newcar 最近dromara新加入了一个前端项目newcar Newcar 是一款高度可配置且先进的通用引擎，专为快速动画创建而设计。它适用于广泛的应用，包括视频剪辑、动态图表（未来计划），甚至 2D 游戏开发（也是未来计划）。这个项目作者竟然是09年的，我们快速开始 123$ pnpm create vite project-name$ cd project-name$ pnpm install 引入依赖 1$ pnpm add newcar 初始化 12345678import * as nc from 'newcar'const engine = await new nc.Engine().init( '../node_modules/canvaskit-wasm/bin/canvaskit.wasm',)const defaultScene = new nc.Scene(new Widge...

阿超

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

数据加载中