• افکت تایپ متن در جاوا اسکریپت
    #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 1,190 07-02-2015 ساعت 09:34
    آخرین ارسال: WWWorker
    Note ماشین حساب ساده با جاوا اسرکیپت Ali Developer 0 542 03-07-2014 ساعت 11:06
    آخرین ارسال: Ali Developer
    Note تحلیل این کد جاوا اسکریپت pirzad_7@yahoo. 0 514 30-06-2014 ساعت 10:59
    آخرین ارسال: pirzad_7@yahoo.
    Note جاوا اسکریپت: پیدا کردن المنتی که تابع را صدا کرده SOFTAFZAR 0 514 14-05-2014 ساعت 14:17
    آخرین ارسال: SOFTAFZAR
    Note Type.js افکت تایپ متن با جی کوئری Behnam Designer 0 675 30-04-2014 ساعت 18:12
    آخرین ارسال: Behnam Designer
    Note گرفتن URL جاری بدون Hash در جاوا اسکریپت WWWorker 0 506 15-03-2014 ساعت 10:13
    آخرین ارسال: WWWorker
    Note رفتن به صفحه قبل (دکمه بازگشت) در جاوا اسکریپت WWWorker 0 724 15-03-2014 ساعت 10:05
    آخرین ارسال: WWWorker
    Note گرفتن المنت با مشخصه آن (getElementsByAttr) در جاوا اسکریپت WWWorker 0 384 15-03-2014 ساعت 10:00
    آخرین ارسال: WWWorker
    Note کد redirect کردن در جاوا اسکریپت WWWorker 0 625 15-03-2014 ساعت 09:58
    آخرین ارسال: WWWorker
    Note کد بستن پنجره در جاوا اسکریپت WWWorker 0 492 15-03-2014 ساعت 09:56
    آخرین ارسال: WWWorker

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