Skip to content

jQuery Stars cursor animation

stars screenshot 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 icon wink jQuery Stars cursor animation ).

Please check our online demo for better understanding of what the plugin does or download and try it right now.

7 Responses to “jQuery Stars cursor animation”

  1. 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?

  2. 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.

  3. Helen January 5th, 2012 at 12:57 pm

    Thanks Alex, I’ll have a go at some customisation.

  4. Alexey January 17th, 2012 at 4:35 pm

    Hey man,
    This plugin is super! i love it!

  5. Alex Prokopenko January 17th, 2012 at 4:36 pm

    Thanks Alexey, We appreciate good feedbacks from everyone.

  6. Daniel January 23rd, 2012 at 6:45 am

    Hi, I am attempting to get this working in WordPress, any suggestions?

    Thanks

  7. 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?

Leave a Reply

3d Party Adobe Flash Api Blog CMS Compatibility Cross Browser CSS Drupal FB Portfolio Custom FF Google Google Gears Html Code IE6 IE7 Implementation Javascript Libraries Joomla Jquery Kharkov Management Systems Multi color sIFR Open Source Cms Opera Optimization PHP Plugins Plug Ins PSD to Drupal psd to html PSD to Magento PSD to Wordpress Safari Semantics sIFR Templates W3c Standards Widget Example Widget Name Widgets Wordpress Wordpress Theme WP Xhtml