jQuery Stars cursor animation
One of our good friends and clients asked us if can we duplicate “magic” visual effect on mousemove from flash example to his HTML site. The effect shows shine stars when you move mouse over some elements. So we thought it would be nice to create such plugin and share it to the public.
So we present our new jQuery plugin jStars. The plugin creates star effect on mouse move for jQuery selector elements. It’s very easy to use:
$('#container').jstars({ image_path: 'images', // folder with star image style: 'white', // optional, star color, default = white frequency: 5 // optional, from 1 to 19 });
Plugin has different styles of stars (in different color) so you can choose what matches your site background color best.
It is compatible with the following browsers: Firefox 3.5+, Google Chrome, Safari 4+, Opera 10+, Internet Explorer 9+ (we use PNG and opacity features in this plugin to make some animation and IE6-IE8 do not support this features well enough, so we decided to not support these outdated browsers
).
Please check our online demo for better understanding of what the plugin does or download and try it right now.
Helen January 5th, 2012 at 12:11 am
Great script and a lovely subtle effect. Is it possible for this script to be adapted to work on page load for a limited period rather than with mouse move?
Alex Prokopenko January 5th, 2012 at 11:56 am
Hi Helen,
Unfortunately our plugin works only on mouse move. You can order customization to make ability to “shine” on some element for some period of time.
Helen January 5th, 2012 at 12:57 pm
Thanks Alex, I’ll have a go at some customisation.
Alexey January 17th, 2012 at 4:35 pm
Hey man,
This plugin is super! i love it!
Alex Prokopenko January 17th, 2012 at 4:36 pm
Thanks Alexey, We appreciate good feedbacks from everyone.
Daniel January 23rd, 2012 at 6:45 am
Hi, I am attempting to get this working in WordPress, any suggestions?
Thanks
Alex Prokopenko January 25th, 2012 at 12:37 pm
Hi Daniel.
How you include this script? The correct way is using wp_enqueue_script() function. You can check example on WordPress site:
http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Load_a_script_from_your_theme_which_depends_upon_a_WordPress_Script
Also wanted to know what jQuery version you use?