This time I will share jQuery Plugin and tutorial about Make Eyes Watch Your Cursor As It Moves – jQuery BeautifulEyes, hope it will help you in programming stack.
BeautifulEyes is a funny jQuery plugin for user interaction that creates cartoon eyes always watching your mouse cursor as it moves around the webpage.
How to use it:
1. Download and import the BeautifulEyes plugin’s files into the HTML document. Note that the script beautiful-eyes.js must be loaded after the latest jQuery library.
1 |
<link rel="stylesheet" href="beautiful-eyes.css" /> |
2 |
<script src="/path/to/cdn/jquery.min.js"></script> |
3 |
<script src="beautiful-eyes.js"></script> |
2. Call the function on the target element in which you want to draw the cartoon eyes. Position and size options must be set when creating eyes.
1 |
$('#example').makeEye({ |
3. Set the size of the eyeball. Default: 4.
1 |
$('#example').makeEye({ |
4. Set the border width of the cartoon eyes. Default: 2.
1 |
$('#example').makeEye({ |
This awesome jQuery plugin is developed by kelvinperrie. For more Advanced Usages, please check the demo page or visit the official website.
