给自己鼠标改个样式，再加一个炫酷的拖尾 #HTML鼠标皮肤拖尾

在自己的网页上面，有时候觉得太单调，想给自己的鼠标加点皮肤

下面的代码拿过来就直接可以用的，因为都是站点里面的图片，不用自己去找图片也能先玩玩看

想要自己修改样式的话，只用改里面几个url后面的图片地址就好了，十分的简单方便

<!doctype html>
<html style="cursor:url(http://www.longsong.xyz/Count_Visitor/images/cruise.ico),auto;">
<style>div{width: 20px;height: 20px;background-image:url(http://www.longsong.xyz/Count_Visitor/images/cruise.ico);position: absolute;border-radius: 50%;}
</style><head><meta charset="utf-8"><title>鼠标特效</title>
</head><body style="height: 100%;width: 100%;position=relative">
<video src="http://www.longsong.online/wp-content/uploads/2022/03/mulai.mp4" style="width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;" autoplay="autoplay" loop="loop" muted="muted"></video>
<div id="warp" onmouseover="over()" onmouseout="out()"><div id="text" style="display: none;">这里面有一段文字</div>
</div>
</body><script>document.onmousemove = function () {var div = document.createElement('div');var x = event.clientX;var y = event.clientY;var o = 10; //这里可以自行调节div.style.left = x + "px";div.stylediv.style.top = y + "px";document.body.appendChild(div);for(var i = 0;i<o;i++){setTimeout(function(){document.body.removeChild(div); },100)}}
</script></html>

想要给自己的网页加个动态背景：

如何把MP4视频作为html网页的背景？_long_songs的博客-CSDN博客大家可以先欣赏欣赏我妻红莉栖放在首页的样子：http://www.longsong.xyz/http://www.longsong.xyz/<!doctype html><html><head></head><body style="height: 100%;width: 100%;position=relative"><video src="http://www.longsong.online/w...https://blog.csdn.net/long_songs/article/details/123300771

给自己鼠标改个样式，再加一个炫酷的拖尾 #HTML鼠标皮肤拖尾相关推荐

html 图片上放置按钮,用CSS在图片上再加一个小按钮
很简单的,嗯,就是要做成这样的: 用CSS,当然得用层了,就是在图片上再加一个层,用来放那个按钮,按钮又有两种方式可以放,一种是直接用图片img标签,一种是通过背景图片放上去.这里我们就用背景图片这个 ...
数组-接口2-参数为一个整型数组和数组长度的整数（该数组输入和运算结果），再加一个整数；预期结果是一个整型数组
测试接口的代码说明适用接口:参数为一个整型数组和数组长度的整数(该数组输入和运算结果),再加一个整数:预期结果是一个整型数组测试接口的具体代码如下: 注意红色字体,用后续小节中的接口进行替换,进行 ...
html炫酷边框样式,利用SVG和CSS3来实现一个炫酷的边框动画
这篇文章主要介绍了利用SVG和CSS3来实现一个炫酷的边框动画,不使用JavaScript使得编写过程轻松了不少,需要的朋友可以参考下今天我们来探索一下Carl Philipe Brenner的网站 ...
java比较炫的登录界面_教你写一个炫酷的Material Design 风格的登录和注册页面
每个人都会喜欢漂亮的登录界面,一个App 给人们的第一印象是非常重要的. 这篇文章将教你使用谷歌材料设计规范(Material design spec )和谷歌的新的设计支持库( design sup ...
如何做一个炫酷的动画网站-css实现图片上下浮动效果
目前网站制作技术已经非常成熟.所以要实现一个炫酷的动画网站还是非常容易,现在通过js和css就都能实现.直接css就能实现各种效果,下面我们来通过一个小动画看看如何用css来实现让你的网站图片上下浮动 ...
【Doxygen】为项目生成一个炫酷的说明文档
[Doxygen]为项目生成一个炫酷的说明文档目录 [Doxygen]为项目生成一个炫酷的说明文档 1 Doxygen简介 2 安装 Doxygen 3 基本使用方式 3.1 从命令行生成 3.1. ...
一个炫酷的仿雷达扫描和扩散效果——自定义View就是这么简单
高仿雷达扫描效果和仿水波纹中心扩散效果,手把手教你撸一个炫酷的自定义view. 于亚豪的博客地址: blog.csdn.net/androidstar- 我们先看效果图吧 Markdown Markd ...
一个炫酷的二维码生成项目附源码
前阵子打算换一个炫酷的公众号二维码,无奈市面上很多的二维码修改器都不尽人意. 草料二维码也挺炫酷的,但是也没有满意的效果. 于是又去万能的github逛了一下,终于找到了一款开源的二维码修改器. 这个 ...
python实现动态壁纸_流弊了！竟然用Python做一个炫酷的小姐姐动态壁纸
原标题:流弊了!竟然用Python做一个炫酷的小姐姐动态壁纸公众号关注 " 菜鸟学Python" 设为 "星标",每天带你玩转Python! (女神IU,图片 ...

给自己鼠标改个样式，再加一个炫酷的拖尾 #HTML鼠标皮肤拖尾

给自己鼠标改个样式，再加一个炫酷的拖尾 #HTML鼠标皮肤拖尾相关推荐

最新文章

热门文章