自定义鼠标
发表于|更新于
|浏览量:
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》
我们可以使用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; |
效果如下
相关推荐
2023-10-27
react服务端组件
过分的赞美，对于心智是有害的。——克雷洛夫 相关博客如下： Introducing Zero-Bundle-Size React Server Components – React https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components 仓库地址： https://github.com/reactjs/server-components-demo 这是一个使用服务器组件构建的Demo应用，服务器组件是一个实验性的 React 功能。我们强烈建议在浏览此演示之前观看介绍服务器组件的演讲视频。该视频包括演示代码的流程，并重点介绍服务器组件如何工作以及它们提供的功能的关键点。 使用node18+，进入Demo 12npm install --legacy-peer-depsnpm start 此处再运行Docker，运行数据库环境 1docker-compose up 然后打开 http://localhost:...
2024-06-22
vue3侦听器
君子不责人所不及，不强人所不能，不苦人所不好。——王通 官方文档 侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...
2022-05-21
css属性选择器
谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors 然后是场景： 此处需要将所有包含overflow: scroll行内样式(也就是元素的style属性内写样式)的元素，设置为overflow:auto 代码： 123*[style*='overflow: scroll'] { overflow: auto !important;} 示例链接CSS12345678910111213141516171819202122232425262728a { color: blue;}/* 以 "#" 开头的页面本地链接 */a[href^="#"] { background-color: gold;}/* 包含 "example" 的链接 */a[href*=&q...
2024-07-19
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
2021-10-13
uniapp拖动排序实现思路
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值。——赫胥黎 找到下载量最多这个组件 https://ext.dcloud.net.cn/plugin?id=1372 导入，不多说 文档示例： 使用示例页面: 123456789101112131415161718复制代码<template> <view class="content"> <HM-dragSorts :list="list" :isLongTouch="true" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick"> <template slot="rowContent" slot-scope="{ row }"> ...
2022-06-10
browserify
很奇怪，我们不屑与他人为伍，却害怕自己与众不同。——保罗·科埃略的《韦罗妮卡决定去死》 今天又来分享个好东西：https://browserify.org/ 这个玩意儿可以帮我们把npm下载的依赖，使用script标签引入： 先安装： 1pnpm install -g browserify 比如我们引入一个outils 1pnpm i outils 然后编写一个main.js 12345const outils = require('模块名')window.模块名 = 模块名// 例如const outils = require('outils')window.outils = outils 生成 123browserify main.js -o [文件名]# 例如browserify main.js -o bundle.js 然后我们引入这个js试试 1<script src="bundle.js"></script> 运行一下，可以看到我们能在控制台拿到，说明引入成功 有朋...