不知道大家有没有想把自己网站做得比较炫酷的想法，而当访客进入网站，鼠标出现一些特效，不也很能抓住用户眼球嘛？
今天，徐伟轩为大家介绍一款网页特效代码，粒子跟随鼠标移动的效果。
下面为大家分享代码：
HTML代码可以简略使用多个
重点在js代码
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 |
window.onload = function() {
var divs = document.getElementsByTagName("div"); document.onmousemove = function() { divs[0].style.left = event.clientX + "px"; divs[0].style.top = event.clientY + "px"; for (var index = divs.length - 1; index > 0; index--) { divs[index].style.left = divs[index - 1].style.left; divs[index].style.top = divs[index - 1].style.top; } } document.onmouseup = function() { document.onmousemove = null; } } |
当然这个鼠标移动特效对于想要保持特效的朋友来讲，会出现一定的Bug，因为，当鼠标点击后就会卡段，并且网页上出现一段鼠标移动的部分轨迹色块，甚是尴尬，有想再延伸或者修改的朋友可以再具体研究。
可以考虑做成鼠标点击特效消失，再点击一次特效恢复的，这样会不会更好一点呢？