jQuery Awesome Cursor plugin

Awesome Cursor is a jQuery plugin for using FontAwesome icons as custom CSS cursors. Works in Chrome and FireFox.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: jwarby.github.io

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="/path/to/font-awesome.min.css" type="text/css">
<script src="/path/to/jquery.js"></script>
<script src="path/to/jquery.awesome-cursor.min.js"></script>

2. JAVASCRIPT

You can set a FontAwesome cursor on any element by calling awesomeCursor, and passing the name of the icon you want to use:

$('body').awesomeCursor('<icon name>');

3. OPTIONS

Colour

Cursors can be any color you want, specified as a CSS color:

$('body').awesomeCursor('eyedropper', {
  color: '#ff0000'
})

$('body').awesomeCursor('eyedropper', {
  color: 'rgba(255, 255, 255, 0.75)'
})

$('body').awesomeCursor('eyedropper', {
  color: 'cyan'
});

$('body').awesomeCursor('eyedropper', {
  color: 'hsl(90, 100%, 50%)'
});

Size

Cursors can be any size (specified in pixels):

$('body').awesomeCursor('pencil', {
  size: 32
});

Only pixel values are supported, as CSS cursor hotspots can only be specified in pixels.

Hotspot

The hotspot for a cursor can be defined, with an array containing the hotspot's x and y offsets:

$('body').awesomeCursor('pencil', {
  hotspot: [0, 17]
});

Or, using a string descriptor:

$('body').awesomeCursor('pencil', {
  hotspot: 'bottom left'
});

String descriptors

The following values can be used in the hotspot string descriptor:

• 'center': positions the hotspot's x and y offset in the center of the cursor
• 'left' : positions the hotspot's x offset on the left of the cursor (equivalent to 0)
• 'right' : positions the hotspot's x offset on the far right of the cursor (equivalent to cursorSize - 1)
• 'top' : positions the hotspot's y offset at the top of the cursor (equivalent to 0)
• 'bottom': positions the hotspot's y offset at the bottom of the cursor (equivalent to cursorSize - 1)

The descriptors can be combined by space-separating them, e.g.:

• 'top left'
• 'center left'
• 'bottom right'
• 'top right'
• etc.