سایت نت نیک
با سلام

چند باری در سایت دیدم که دوستان در مورد افکتی که در بعضی سایت های برای نمایش اخبار یا حدیث استفاده میکنند , سوال پرسیده بودند .
با بررسی ای که کردم , متوجه شدم یا از
JQuery
استفاده میکنند یا در موارد بسیار نادر , از تصاویر GIF یا Flash هم استفاده میکنند.

به همین دلیل بنده این افکت رو بدون استفاده از جی کوئری و فقط و فقط با جاوا اسکریپت
نوشتم و براتون آماده کردم.

هم اکنون این آموزش را می توانید در سایت نت نیک مطالعه نمایید

شروع کار :

ببینین ، ایده کلی این افکت که اسمش Text Writer است اینه که یه جمله رو بهش میدین ، بعد میاد حروف رو مرتب می بره و نمایش میده

مثلا بنده عبارت "حمید" رو بهش میدم ، اول میاد حرف اول رو می بره و ( ح ) نشون میده . بعد میاد حرف اول و حرف دوم  رو می بره و ( حم ) رو نشون میده و  الی آخر

برای بریدن از تابع Substring استفاده میشه .

این تابع 2 تا ورودی می گیره . اولی اینکه از کجا شروع به برش کنه (ابتدا) ، و دومی اینکه تا کجا  رو ببره (انتها) ...

فقط کافیه که شما مقدار دومی رو بوسیله یک عدد حلقه (while یا for) از 1 هی یکی یکی زیادش کنین ....

همین :)

* یکی از دوستان پرسیده بود که چطوری این متن رو بصورت لینکی کنیم ؟

حال برای اینکه اینو لینکی کنین .... فقط کافیه که خروجی رو توی خاصیت inner text یک تگ a بریزین

پروژه کامل این قضیه پیوست است.

نکته : شما فقط 2 متغیر اول رو کار دارین (یکی عبارت رو می گیره و دومی زمان رو برحسب میلی ثانیه - زمان بیشتر بشه ، سرعت تایپ کند تر میشه )


دانلود پروژه افکت تایپ متن با جاوا اسکریپت


نوشته شده در تاریخ شنبه 23 اردیبهشت 1391    | توسط: ح.م    | طبقه بندی: پروژه ها و ساخته های خودم، پروژه های کلاینت ساید،     | نظرات()