cursorSpy - multiple 2

by eclectic_boy

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://rawgit.com/eclectic-boy/cursorSpy/master/js/cursorSpy.js"></script>
<div id="spies"></div>

CSS

.spy {
    position: relative;
    width: 20px;
    margin: 2px;
    border-top: 10px solid blue;
    border-bottom: 10px solid lightgrey;
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

JavaScript

//https://github.com/eclectic-boy/cursorSpy
for (var i = 0; i < 300; i++) {
    $("#spies").append("<div class='spy'></div>");
}
$(".spy").cursorSpy({
    head: 45
});