自定义鼠标
发表于|更新于
|浏览量:
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》
我们可以使用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; |
效果如下
相关推荐
2024-08-07
html构建桌面端应用框架tauri
即使通过自己的努力知道一半真理，也比人云亦云地知道全部真理还要好些。——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri 和 Electron 的主要区别是它更快，而且是用Rust编写，前端是用 TAO 和 WRY，更加轻量 ，内存占用更小，不嵌入Chromium，但是需要你会一点点Rust，这对我来说不是事儿，我早就在2022-02-01开始rust的简单入门 rust安装 安装vscode的rust插件 使用cargo创建rust程序并运行 创建项目非常简单！ 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697...
2022-02-19
fabric photo
这是一个流行离开的世界，但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo，它是一个基于 canvas 的纯前端的图片编辑器，支持方形，圆形，箭头，缩放，拖拽，鹰眼，马赛克，涂鸦，线条，导出 png，剪切等 github地址：https://github.com/ximing/fabric-photo 在线体验Demo：https://ximing.github.io/fabric-photo/ 找了很多个，这个应该是很好用的了 并且协议为MIT，支持商用
2024-06-08
vuesax一些组件找不到踩坑
祸生于欲得，福生与自禁。——刘向 今天发现vuesax有一些组件用不了了，弄了半天，没办法去github上看了看 发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建，可与 Vue 3 和 Nuxt 3 配合使用。此外，该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。 这里跳转过来是一个v...
2021-06-19
集成wangEditor
寿命的缩短与思想的虚耗成正比。——达尔文 官方文档 wangEditor：Typescript 开发的 Web 富文本编辑器， 轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成 如果我们需要获取富文本中的内容 使用editor.txt.html()即可
2021-06-26
reverse
清风两袖朝天去，免得闾阎话短长。――于谦《入京诗》 js中翻转数组可以使用reverse函数
2022-01-08
img图片丢失后默认图
万物并育而不相害，道并行而不相悖。一一《礼记》 我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图 写法如下： 1<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> 这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js 当然如果我们是正常的图片，是无影响的