افکت تایپ متن در جاوا اسکریپت
#1
Note 
نقل قول: Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.
دموی افکت:
Edit this Fiddle - jsFiddle

سورس:
[HTML]<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="jquery.airport-1.1.source.js"></script>
</head>
<body>
<script>
$( 'body' ).airport([ 'All the best', 'www.softafzar.net', 'Javascript source code' ]);
</script>
</body>
</html>[/HTML]

این کد رو هم با نام jquery.airport-1.1.source.js در کنار فایل HTML قرار بدید.

[JS]/*
*ORIGINAL CODE BY
*DEVELOPED BY
*PLEASE DO NOT REMOVE THIS NOTICE.
*/
(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','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); }, 500);
else if(d >= longest)
setTimeout(function() { testChar(0,0,c+1,0); }, 500);
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))
testChar(a,b+1,c,d);
else
testChar(a+1,0,c,d+1);
}, 20);
}
}

testChar(0,0,0,0);
}
});
})(jQuery);[/JS]

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note کد جاوا اسکریپت برای بوکمارک کردن صفحه WWWorker 0 801 07-02-2015 ساعت 09:34
آخرین ارسال: WWWorker
Note ماشین حساب ساده با جاوا اسرکیپت Ali Developer 0 394 03-07-2014 ساعت 11:06
آخرین ارسال: Ali Developer
Note تحلیل این کد جاوا اسکریپت pirzad_7@yahoo. 0 414 30-06-2014 ساعت 10:59
آخرین ارسال: pirzad_7@yahoo.
Note جاوا اسکریپت: پیدا کردن المنتی که تابع را صدا کرده SOFTAFZAR 0 415 14-05-2014 ساعت 14:17
آخرین ارسال: SOFTAFZAR
Note Type.js افکت تایپ متن با جی کوئری Behnam Designer 0 564 30-04-2014 ساعت 18:12
آخرین ارسال: Behnam Designer
Note گرفتن URL جاری بدون Hash در جاوا اسکریپت WWWorker 0 387 15-03-2014 ساعت 10:13
آخرین ارسال: WWWorker
Note رفتن به صفحه قبل (دکمه بازگشت) در جاوا اسکریپت WWWorker 0 557 15-03-2014 ساعت 10:05
آخرین ارسال: WWWorker
Note گرفتن المنت با مشخصه آن (getElementsByAttr) در جاوا اسکریپت WWWorker 0 307 15-03-2014 ساعت 10:00
آخرین ارسال: WWWorker
Note کد redirect کردن در جاوا اسکریپت WWWorker 0 455 15-03-2014 ساعت 09:58
آخرین ارسال: WWWorker
Note کد بستن پنجره در جاوا اسکریپت WWWorker 0 367 15-03-2014 ساعت 09:56
آخرین ارسال: WWWorker

کاربرانِ درحال بازدید از این موضوع:   1 مهمان