jQuery Plugin For Adding Pulsating Effects To Elements pulsate - Download jQuery Plugin For Adding Pulsating Effects To Elements - pulsate

Download jQuery Plugin For Adding Pulsating Effects To Elements – pulsate

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Adding Pulsating Effects To Elements – pulsate, hope it will help you in programming stack.

jQuery Plugin For Adding Pulsating Effects To Elements pulsate - Download jQuery Plugin For Adding Pulsating Effects To Elements - pulsate
File Size: 5.74 KB
Views Total: 1712
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   



Pulsate.js is a super simple jQuery plugin which adds CSS based, highly customizable pulsating effects to any DOM elements for grabbing your user’s attention. Dual licensed under the MIT and GPL licenses.

How to use it:

1. All you need is to include the jQuery pulsate.js plugin after loading jQuery library as follow.

1 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
2 <script src="jquery.pulsate.js"></script>

2. And then call the function pulsate() on where you want to apply the pulsating effect.

1 $("#selector").pulsate();

3. That’s it. The plugin provides several options which can be passed to pulsate() as an object.

01 $("#selector").pulsate({
02  
03   // color of the pulse
04   color: $(this).css("background-color"),
05  
06   // how far the pulse goes in px
07   reach: 20,
08  
09   // animation speed in ms
10   speed: 1000,
11  
12   // how long the pause between pulses is in ms
13   pause: 0,
14  
15   // shows glow
16   glow: true,
17  
18   // will repeat forever if true
19   // if given a number will repeat for that many times
20   repeat: true,
21  
22   // triggerd on mouse hover
23   onHover: false
24  
25 });

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




source : jqueryscript.net