در این مطلب یکی از کد های متن تایپ شونده را برای شما قرار میدهیم
برای استفاده از متن بصورت تایپ شونده در سایت خود کد زیر را در قسمت دلخواه قالب قرار دهید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 |
<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 تبدیل کنید و مانند نمونه های پیش رفته در قسمت پایین همین تگ بقیه جملات خود را تکمیل کنید.
موفق و پیروز باشید
خیلی سریع می نویسه
مقدار var theCharacterTimeout را عدد بزرگتری بگذارید
سلام مهندس ممنونم از راهنماییت میخواستم یه کمکی کنی فونت رو کمی درشت تر کنم و حتی اگه بشه رنگ قرمز به متنش بدم
سلام،وقت شما بخیر
وقتی که این کد رو چند بار در یک صفحه از سایتم استفاده می کنم،موقع اجرا فقط کدی که بالاتر از همه قرار داره کال میشه.میشه لطفا راهنماییم کنید که چجوری میتونم چند بار تو یک صفحه از این کد استفاده کنم.
ممنون از سایت خوبتون.