自定义鼠标

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

相关推荐

人的一生是短的，但如果卑劣地过这一生，就太长了——莎士比亚在前端开发中，可能会有“需要从数组里取出符合条件的某条数据”这个需求我们可以使用find函数 123var list = [1,4,3,2,5];console.log(list.find(n=>n===4)) // 输出结果4，取出满足条件的值var index = list.findIndex(n=>n===4) // index = 1，取出满足条件的值的下标这样就从我们的list数组中取出了满足n===4这个条件的值

所有智力方面的工作都要依赖于兴趣。——皮亚杰如果我们需要在各个vue页面使用相同的公共元素我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...

Apache-ShenYu动态扩缩容前端对接

能够隐藏自己的才能是一种很大的才能。——罗休夫柯 pr链接： https://github.com/apache/shenyu-dashboard/pull/489 see gif: 后端也包含了一个提交sql和优化代码的pr： [type:improve] Add dynamically scale admin page by VampireAchao · Pull Request #5706 · apache/shenyu · GitHub 菜单的： 12345INSERT INTO `resource` VALUES ('1844015648095666176', '1346776175553376256', 'SHENYU.MENU.SYSTEM.MANAGMENT.SCALE', '', '/system/scale', '', 1, 4, 'sliders', 0, 0, '', 1, ...

slidev单文件页面

一个家庭中没有书籍，等于一间房子没有窗子。——约翰森安装： 1npm i -g @slidev/cli 启动： 1slidev slides.md 对应的文件slides.md 1

css定义变量

仁义忠信,乐善不倦,此天爵也。一一《孟子》写法如下 123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root { /* 定义变量，需要--开头 */ --ruben-width: 200px; --ruben-height: 200px; --ruben-bg-color: #ff0000; } .ruben { /* 使用变量，需要var(变量名) */ background-color: var(--ruben-bg-color); width: var(--ruben-width); height: ...

vue中特殊的prop和事件

懒惰等于将一个人活埋。——泰勒我们知道v-model可以用于input等标签，当做语法糖进行绑值对于我们自定义的组件，其实也可以使用官方文档例如此处我们可以让input改变值时，父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...

阿超

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

数据加载中