自定义鼠标

发表于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库MediaInfo.js 代码仓库： https://github.com/buzz/mediainfo.js 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/

ant design blazor

帮人要帮心，帮心要知心，知心要诚心。——伊索分享一个ant design出品的Blazor库 https://antblazor.com/zh-CN/ GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly. Blazor是用于.net构建web应用的框架 https://github.com/dotnet/blazor GitHub - dotnet/aspnetcore: ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.

jq获取实时宽度

乐观使你倾向于幸福健康事业顺利，悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚代码如下 12345$(window).resize(() => { var height = $(window).height(); var width = $(window).width(); console.log(height+" "+width)}); 然后当我窗口大小发生变化时就会触发

自定义scroll滑块样式

这个天地，我来过，我奋战过，我深爱过，我不在乎结局。——今何在《悟空传》代码如下： 12345678910111213141516171819202122232425262728/* 滚动条整体部分 */::-webkit-scrollbar { width: 12px;}/* 滚动条两端的按钮 */::-webkit-scrollbar-button {}/* 外层轨道 */::-webkit-scrollbar-track { background: #eee; border-radius: 18px;}/* 内层滚动槽 */::-webkit-scrollbar-track-piece { }/* 滚动的滑块 */::-webkit-scrollbar-thumb { border-radius: 18px; background: #bbb;}/* 边角 */::-webkit-scrollbar-corner { }/* 定义右下...

有信仰的人不会孤独。——阿列克谢耶维奇 vue官方文档有介绍$event 我们在开发中经常这么写来获取事件 1<div class="trigger-me" @click="triggerMe">点我触发</div> 方法： 123456methods: { triggerMe(e, name) { console.log('e: ', e); console.log('name: ', name); }} 然后调用一下可以看到打印出了事件，如果我们需要传入其他参数，就可以使用$event了 1<div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> 再次触发：

阿超

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

数据加载中