jQuery Plugin To Create 'Celebrate' Visual Effects - celebrate.js

File Size: 3.56 KB
Views Total: 3637
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Create 'Celebrate' Visual Effects - celebrate.js

celebrate.js is a tiny jQuery plugin which lets you create configurable random characters popout effects for your celebration webpages.

See also:

How to use it:

1. Add the jQuery celebrate.js script along with the latest jQuery library to the webpage.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="celebrate.js"></script>

2. Bind the celebrate to a specific element and specify the unicode characters you'd like to use.

<button onclick="$(this).celebrate({unicode: '\u2B50'});">

3. Customize the 'Celebrate' visual effect with the following options.

<button onclick="$(this).celebrate({
  particles: 7,
  radius: 75,
  color: "black",
  unicode: '\u2605', // star
  start_size: '15',
  min_end_size: '20',
  max_end_size: '75',
  max_duration: 500,
  min_duration: 400,
  complete: function() {} // callback
});">

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