Usage

To set a cursor on an element, just call $('<selector>').awesomeCursor('<icon name>');

For example, to use the pencil icon as the <body> element's cursor, do the following:


{% highlight javascript %}$('body').awesomeCursor('pencil');{% endhighlight %}

Cursors also support a number of options, which are detailed in the next section.

Options are set by passing an object as the second parameter to awesomeCursor():


{% highlight javascript %} $('body').awesomeCursor('pencil', { /* your options here */ }); {% endhighlight %}

Resetting the cursor

You can reset the cursor to it's previous icon using jQuery's css function:

{% highlight javascript %}$('body').css('cursor', '');{% endhighlight %}