Add mouse movement effects (1) to mouse click effects (1), effect 1

Add mouse movement effects (2) to mouse click effects (2), effect 2

Add a few special effects to the first two

code

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

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>

<body>
	<! Here is your home page -->
	<div style="text-align: center;">Ha ha ha ha</div>




	<! Here is your home page -->

	<! Js code 5 kinds of effects still choose a kind of -->
	<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> -->
	
    <! -- The first 5 kinds of barely ok, this one is not too good, you can try to see by yourself -->
	<! -- <script src="js/ghostCursor.js" type="text/javascript"></script> -->
</body>
</html>
Copy the code

Download 5 special effects js.zip

The file structure is as follows

>js
index.html
Copy the code

The effect of their own running code down to try to have, to modify the special effects is quite easy, JS code is not long, can not be seen in the comment area or private message.