Lightweight jQuery Plugin For Handdrawn Help Cursors - HelpCursor

Lightweight jQuery Plugin For Handdrawn Help Cursors - HelpCursor
File Size: 82.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Help Cursur is a lightweight jQuery plugin to draw a help cursor that is similar to tooltip, but mean to provide help message with hand drawn arrow.

See also:

How to use it:

1. Make sure both the jQuery HelpCursor plugin and jQuery scripts are loaded in your document.

<link href="css/helpcursor.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/helpcursor-min.js"></script>

2. Draw a default help cursor appending to the element '#demo'.

$('#demo').helpcursor({options});

3. Available options to customize the help cursor.

$('#demo').helpcursor({

  // left, right, top, bottom
  position : 'left',

  // text color
  color: '#333333',

  // help message
  msg : 'Help Cursor text'
  
});

This awesome jQuery plugin is developed by sanjeevpraja. For more Advanced Usages, please check the demo page or visit the official website.