<script type="text/javascript">

 var dots = [];

                for(var i = 0; i<28; i++) {

                var node = document.createElement("div");

                node.className = "trail";

                document.body.appendChild(node);

                dots.push(node);

                }

                var currentDot = 0;

                addEventListener("mousemove", function(event) {

                    var dot = dots[currentDot];

                    dot.style.left = (event.pageX - 3) + "px";

                    dot.style.top = (event.pageY - 3) + "px";

                    currentDot = (currentDot + 1) % dots.length;

                });

</script>