Adds a Flock of Bats Flying Around Your Website | jQuery Halloween Bats

jQuery Halloween Bats, adds a swarm of bats flying around your website. This plugin is easy to implement and very customizable. Bats are animated using the Sprite Sheet Animation method.

How to make use of it:

1. Download the bundle and insert the JavaScript Halloween-bats.js after you load the most recent jQuery library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/halloween-bats.js"></script>

2. Initialize the plugin and accomplished it.

window.halloweenBats = $.halloweenBats({
  // options here
});

3. Override the default bat picture.

window.halloweenBats = $.halloweenBats({
  image: 'bats.png'
});

4. And then customize the sprite sheet accordingly.

window.halloweenBats = $.halloweenBats({

  // path to the image
  image: 'bats.png',

  // total amount of bats
  amount: 5, // Bat amount.

  // image width
  width: 35,

  // frame height
  height: 20,

  // total amount of frames
  frames: 4, 

  // animation speed
  speed: 20,

  // Higher value = slower
  flickering: 15

});

5. Customize the z-index property.

window.halloweenBats = $.halloweenBats({

  zIndex: 10000

});

6. Determine the place to use the animation.

window.halloweenBats = $.halloweenBats({

  target: '#container'

});

Create Halloween Bats Flying Around The Page, jQuery Halloween Bats Plugin/Github

jQuery-Halloween-Bats-Demo


See Demo And Download

Official Website(Artimon): Click Here

This superior jQuery/javascript plugin is developed by Artimon. For extra Advanced Usage, please go to the official website.

Share