自定义鼠标
发表于|更新于
|浏览量:
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》
我们可以使用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; |
效果如下
相关推荐
2022-01-17
小程序v-for中slot警告
她把左手的命运交给了右手，右手犹豫了一下，还是接住了。——宫白云 今天用了这样一个组件： 1234567891011121314151617181920212223<template> <div> <div v-for="(item, index) in list"> <slot :item="item" /> </div> </div></template><script>export default { data() { return {}; }, props: { list: { type: Array, default: [] } }};</script><style></style> 这里在v-for中放了slot 所以我在另一个页面使用的时候，小程序警告 1VM1103 W...
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎，使用 HTML5 和 JavaScript 构建。它功能强大且灵活，广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能，使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点： 丰富的图形和动画支持：提供 Sprite、Tilemap、Particle 等多种图形元素支持，方便实现复杂的游戏画面。 强大的物理引擎：内置多种物理引擎，包括 Arcade Physics 和 Matter.js，支持游戏物体的碰撞、重力等物理效果。 跨平台：PhaserJS 支持在浏览器、移动设备等多种平台上运行，适用于开发基于 Web 的跨平台游戏。 易用的 API：PhaserJS 提供了清晰、易用的 API，使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站：PhaserJS Documentation GitHub 仓库：phase...
2025-02-26
JS的线程模型和事件循环机制
生命不是安排，而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？ 线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤： 检查调用栈（Call Stack），如果调用栈为空，则继续。 检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。 宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。 微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...
2025-08-26
fabricjs
没有比脚更长的路，没有比人更高的山。――汪国真《山高路远》 Fabric.js：浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中，图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画，还是数据可视化，HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强，却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验？如果答案是 YES，那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎！ 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库，专为现代浏览器设计，能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力，还提供了对象化管理、序列化、事件监听、自由变形等高级功能，成为前端图形应用的“事实标准”。 项目地址：https://github.com/fabricjs/fabric.js 官网演示：h...
2024-11-05
typescript-exercises（十）
如果你不尊敬你的父母，那你的孩子也将不会尊敬你。——佚名 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...
2021-10-04
unicloud简单入门
凡人生之生也，必以其欢，忧则失纪，怒则失端，忧悲喜怒道乃无处。爱欲静之，遇乱正之，勿引勿摧，福将自归。——管仲 简单来说，uniCloud可以用js搞定后端逻辑，之前后端做的事情，全部使用js编写，上传到云空间供客户端调用 那我们写一个简单的云函数吧 首先创建项目 勾选启用uniCloud然后点创建 右键uniCloud点击关联云服务空间或项目 然后登录并创建服务空间 创建完成后我们再次点击关联 这时候我们新建一个云函数 右键cloudfunctions点击新建云函数 输入函数名 稍作修改 1234'use strict';exports.main = async (event, context) => { return 'hello uniCloud'}; 右键我们新建的云函数，点击上传并运行 可以看到控制台多了一个我们上传的云函数 并且控制台也打印了返回结果 我们在初始页面调用该函数 123456uniCloud.callFunction({ name: 'te...