تبلیغات

کد جاوا اسکریپت متن تایپ شونده

کد جاوا اسکریپت متن تایپ شونده

در این مطلب یکی از کد های متن تایپ شونده را برای شما قرار میدهیم

برای استفاده از متن بصورت تایپ شونده در سایت خود کد زیر را در قسمت دلخواه قالب قرار دهید.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div id="fullkade" dir="rtl" align="center"></div>
<script language="JavaScript" type="text/javascript">
<!--
// Ticker startup
function startTicker()
{
    // Define run time values
    theCurrentStory     = -1;
    theCurrentLength    = 0;
    // Locate base objects
    if (document.getElementById) {    
            theAnchorObject     = document.getElementById("fullkade");
            runTheTicker();       
         }
    else {
            document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
            return true;
    }
}
// Ticker main run loop
function runTheTicker()
{
    var myTimeout;  
    // Go for the next story data block
    if(theCurrentLength == 0)
    {
        theCurrentStory++;
        theCurrentStory      = theCurrentStory % theItemCount;
        theStorySummary      = theSummaries[theCurrentStory].replace(/"/g,'"');        
        theTargetLink        = theSiteLinks[theCurrentStory];
        theAnchorObject.href = theTargetLink;
        thePrefix          = "<span class=\"tickls\">" + theLeadString + "</span>";
    }
    // Stuff the current ticker text into the anchor
    theAnchorObject.innerHTML = thePrefix + 
    theStorySummary.substring(0,theCurrentLength) + whatWidget();
    // Modify the length for the substring and define the timer
    if(theCurrentLength != theStorySummary.length)
    {
        theCurrentLength++;
        myTimeout = theCharacterTimeout;
    }
    else
    {
        theCurrentLength = 0;
        myTimeout = theStoryTimeout;
    }
    // Call up the next cycle of the ticker
    setTimeout("runTheTicker()", myTimeout);
    
}
// Widget generator
function whatWidget()
{
    if(theCurrentLength == theStorySummary.length)
    {
        return theWidgetNone;
    }
 
    if((theCurrentLength % 2) == 1)
    {
        return theWidgetOne;
    }
    else
    {
        return theWidgetTwo;
    }
}
// -->
      </script>
    
 
    <script language="JavaScript" type="text/javascript">
    <!--
 
    var theCharacterTimeout = 50;
    var theStoryTimeout     = 5000;
    var theWidgetOne        = "_";
    var theWidgetTwo        = "-";
    var theWidgetNone       = "";
    var theLeadString       = "";
 
    var theSummaries = new Array();
    var theSiteLinks = new Array();
 
    var theItemCount = 4;
    
    theSummaries[0] = "به سایت ما خوش آمدید.";
    theSiteLinks[0] = "";
    
    theSummaries[1] = "طراحی کد های خود را به ما بسپارید.";
    theSiteLinks[1] = "https://fullkade.com";
    
    theSummaries[2] = "هر چیزی که خواستید در سایت ما هست.";
    theSiteLinks[2] = "https://fullkade.com";
    
    theSummaries[3] = "ترفند های جالب و چیز هایی که تا به حال حتی بهش فکر هم نکرده اید.";
    theSiteLinks[3] = "https://fullkade.com";
    
    startTicker();
    //-->
      </script>

 


توضیحات تکمیلی :

برای این که متن خود را از 4 جمله برای مثال به 6 جمله افزایش دهید عدد 6 را در تگ var theItemCount = 4;  (بالای خوش آمدید) به عدد 6 تبدیل کنید و مانند نمونه های پیش رفته در قسمت پایین همین تگ بقیه جملات خود را تکمیل کنید.

موفق و پیروز باشید

باکس دانلود نیم‌بها

  • پسورد (در صورت نیاز) www.fullkade.com

درباره نویسنده

رضا عبدالهی

[ مدیر فول کده ]

abdolahi40 از کرمانشاه.
[بهترینِ خودت باش...]

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده 4 دیدگاه

    1. محمدحسین رضایی کاربر مهمان گفت:

      خیلی سریع می نویسه

      10
      1. رضا عبدالهی مدیر سایت گفت:

        مقدار var theCharacterTimeout را عدد بزرگتری بگذارید

    2. سینا کاربر مهمان گفت:

      سلام مهندس ممنونم از راهنماییت میخواستم یه کمکی کنی فونت رو کمی درشت تر کنم و حتی اگه بشه رنگ قرمز به متنش بدم

      10
    3. علیرضا احمدی برنا کاربر مهمان گفت:

      سلام،وقت شما بخیر
      وقتی که این کد رو چند بار در یک صفحه از سایتم استفاده می کنم،موقع اجرا فقط کدی که بالاتر از همه قرار داره کال میشه.میشه لطفا راهنماییم کنید که چجوری میتونم چند بار تو یک صفحه از این کد استفاده کنم.
      ممنون از سایت خوبتون.

      00
توضیحات دانلود نظرات اشتراک