再补充5种鼠标移动特效

        前一篇 在鼠标点击特效上加上鼠标移动特效(一) ,效果1

        前二篇 在鼠标点击特效上加上鼠标移动特效 (二) ,效果2

        在前面两个的基础上再补充几个特效

代码

<!DOCTYPE html>
<html lang="zh">

<head>
	
	
</head>

<body>
	<!-- 下面是你的主页面 -->
	<div style="text-align: center;">哈哈哈哈</div>




	<!-- 上面是你的主页面 -->

	<!-- js代码  五种特效仍选一种 -->
	<script src="js/fairyDustCursor.js" type="text/javascript"></script>
	<!-- <script src="js/emojiCursor.js" type="text/javascript"></script> -->
	<!-- <script src="js/bubbleCursor.js" type="text/javascript"></script> -->
	<!-- <script src="js/batsCursor.js" type="text/javascript"></script> -->
	<!-- <script src="js/snowflakeCursor.js" type="text/javascript"></script> -->
	
    <!-- 前面5种勉强还行,这一种不太行,可以自己尝试看看-->
	<!-- <script src="js/ghostCursor.js" type="text/javascript"></script> -->
</body>
</html>

        js文件下载 下载 5种特效js.zip

        文件结构如下

>js
index.html

        效果自己运行代码下去试试就有了, 要修改特效也蛮容易,js代码不算长,不会的可以评论区见或者私信.

posted on 2021-06-12 09:55  雾恋过往  阅读(379)  评论(0编辑  收藏  举报

Live2D