Apr 2, 2010

firefly - A jquery animation plugin

Today i am here to introduce you with a new cool jquery animation effect named "firefly". I am sure, You would love it and After reading this post you would be able to apply on your web page.


Idea
FireFly is a Jquery Plugin that creates spark effect on web page. Sparks moves in random motion and path. You can customize the spark images and number of sparks.

Code
simply use it like this -

 $.firefly(); 

or -

 $.firefly({options}); 

default options -

 { 

//images for sparks      

images : ['spark.png','spark2.png','spark3.png','spark4.png'],      

//no of total sparks on page     

total : 40
  } 

Demo

You can see the working demo here

Need this for WordPress?

Code is also hosted on https://github.com/motyar/firefly

Labels: Animation, jquery

By : Motyar+ @motyar