SLIDING TEXT USING JQUERY

<html>
<head>
<TITLE>SLIDING TEXT USING JQUERY</TITLE>
</head>

<body>
<script src=”http://code.jquery.com/jquery-latest.min.js&#8221; type=”text/javascript”></script>
<h1><span class=”slide-text”></span></h1> <br>
<script type=”text/javascript” language=”javascript”>
(function($){
$.fn.extend({
airport: function(array) {

var self = $(this);
var chars = [‘a’,’b’,’c’,’d’,’e’,’f’,’g’,’ ‘,’h’,’i’,’j’,’k’,’l’,’m’,’n’,’o’,’p’,’q’,’r’,’s’,’t’,’u’,’v’,’w’,’x’,’y’,’z’,’-‘,’!’,’@’,’#’,’$’,’%’,’^’,’&’];
var longest = 0;
var items = items2 = array.length;

function pad(a,b) { return a + new Array(b – a.length + 1).join(‘ ‘); }

$(this).empty();

while(items–)
if(array[items].length > longest) longest = array[items].length;

while(items2–)
array[items2] = pad(array[items2],longest);

spans = longest;
while(spans–)
$(this).prepend(“<span class=’c” + spans + “‘></span>”);

function testChar(a,b,c,d){
if(c >= array.length)
setTimeout(function() { testChar(0,0,0,0); }, 1000);
else if(d >= longest)
setTimeout(function() { testChar(0,0,c+1,0); }, 1000);
else {
$(self).find(‘.c’+a).html((chars[b]==” “)?”&nbsp;”:chars[b]);
setTimeout(function() {
if(b > chars.length)
testChar(a+1,0,c,d+1);
else if(chars[b] != array[c].substring(d,d+1).toLowerCase())
testChar(a,b+1,c,d);
else
testChar(a+1,0,c,d+1);
}, 20);
}
}

testChar(0,0,0,0);
}
});
})(jQuery);
$( ‘.slide-text’ ).airport([ ‘MAYANK’, ‘MUKESH’, ‘DREAMSDESIGN’ ]);
</script>

</body>
</html>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s