boomer is a very simple plugin that allows you to quickly add and customize parts of your site
using animated cursors using animated GIFs. Just copy and paste the cursor element inside any HTML element.
In this example the boomer element was pasted directly inside the body tag. class="cursor_magic" was added to select the sparkling animated cursor.
boomer includes some default presets to choose from. Just paste the cursor element and add a class to select a preset!
Using your own animated GIFs is simple and only takes a minute to setup.
Works will any animated GIF files!
Use any animated GIF you want and control the size and hotspot offset with very simple CSS. boomers is perfect for dating, gaming, holiday, ecard, travel and many other types of sites. It is also perfect for adding a unique touch to any user interface design.
Just add the files to your page and boomer is ready for use:
<link rel="stylesheet" href="css/jquery-boomer.css" type="text/css" />
<script src="js/jquery-2.1.3.min.js">
<script src="js/jquery-boomer.js">
1. Paste the animated cursor element directly inside the element you want to use the
cursor on.
Place it at the top (directly inside the body tag) to use it on the entire page.
<div class="boomer"></div>
2. Call boomer on your element when the page loads:
$(document).ready(function(){
$('.animateMe').boomer();
});
Use classes directly on the boomer element to load different included cursors.
cursor_bouncy_star