New plugin added on the site [HeartBeat]

Posted by Nordes on August 13th, 2008 filed in JQuery, JavaScript

I’ve created an another plugin that works on any html items. All you need to do is to do your selector and call my plugin “heartBeat”.

Example of doing a little animation with 3 divs (the 3 boxes under the code):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

	$(document).ready(function(){
		$("#beat1").heartBeat(
			{
			delayBetweenAnimation:2000,  
			delay:1000 
			});
		setTimeout(function(){
			$("#beat2").heartBeat(
				{
				delayBetweenAnimation:2000,  
				delay:1000 
				});
		}, 200);
		setTimeout(function(){
			$("#beat3").heartBeat(
				{
				delayBetweenAnimation:2000,  
				delay:1000 
				});
		}, 500);
	});



My 3 divs are made like this:

1
2
3
4
5

<div>
	<div id="beat1" style="float:left;margin-left:5px;background-color:#AABBCC; width:10px; height:10px;"></div>
	<div id="beat2" style="float:left;margin-left:5px;background-color:#AABBCC; width:20px; height:20px;"></div>
	<div id="beat3" style="float:left;margin-left:5px;background-color:#AABBCC; width:30px; height:30px;"></div>
</div>

Note that, you can use class or whatever you want inside the selector instead of the id (I recommend it).

Heart Beat 0.1


2 Responses to “New plugin added on the site [HeartBeat]”

  1. icmysaxmt Says:
    October 22nd, 2008 at 12:26 pm

    wmbzKz wocpsuswgeoj, [url=http://yrsuwjhrispu.com/]yrsuwjhrispu[/url], [link=http://taxhgfofzbbv.com/]taxhgfofzbbv[/link], http://fwzlfqhosxjx.com/

  2. buy levitra canada Says:
    October 26th, 2009 at 3:28 am

    executed orthologic conception dynogen faridabad durations tenders masculine cbusiness mines dishonest ameer

Leave a Comment