diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 34 |
1 files changed, 34 insertions, 0 deletions
@@ -129,5 +129,39 @@ | |||
129 | <div id="yeah-on">Unyeah</div> | 129 | <div id="yeah-on">Unyeah</div> |
130 | </label> | 130 | </label> |
131 | </div></div></div> | 131 | </div></div></div> |
132 | <script> | ||
133 | var trailLength = 12; | ||
134 | var path = []; | ||
135 | var delay = 100; | ||
136 | var lastX = 0; | ||
137 | var lastY = 0; | ||
138 | |||
139 | function createMouseTrail() { | ||
140 | for (var i = 0; i < trailLength; i++) { | ||
141 | var div = document.createElement('div'); | ||
142 | div.setAttribute('class', 'trail'); | ||
143 | div.style.top = '-200px'; | ||
144 | div.style.left = '-200px'; | ||
145 | div.style.backgroundImage = 'url(/css/cursor.gif)'; | ||
146 | div.style.backgroundSize = 'cover'; | ||
147 | div.style.width = '11px'; | ||
148 | div.style.height = '19px'; | ||
149 | document.body.appendChild(div); | ||
150 | path.push(div); | ||
151 | } | ||
152 | } | ||
153 | |||
154 | function moveTrail(e) { | ||
155 | for (let i = 0; i < path.length; i++) { | ||
156 | setTimeout(function() { | ||
157 | path[i].style.top = (e.clientY) + 'px'; | ||
158 | path[i].style.left = (e.clientX) + 'px'; | ||
159 | }, i * delay); | ||
160 | } | ||
161 | } | ||
162 | |||
163 | document.addEventListener('mousemove', moveTrail); | ||
164 | createMouseTrail(); | ||
165 | </script> | ||
132 | </body> | 166 | </body> |
133 | </html> | 167 | </html> |