كتابة نص متحرك بطريقة الآلة الكاتبة

كتابة نص متحرك بطريقة الآلة الكاتبة

هذا جواب للسؤال وصلني على موقع أجبتك

أريد كود لكتابة نص متحرك بطريقة اﻵله الكاتبه ويكون النص بهذا اللون #‎F9966B مع جزيل الششكر 

 

شكرا لك ..
أولاً: أتمنى أن اكون عند حسن ظنك
وياحبذا لو تبحث في الإنترنت قبل السؤال فالإنترنت مليء بالأكواد

ثانيا:
هناك عدة طرق لما طلبت وسأعرض طريقتين لك فهذا الكود ينفذ ما أردت لكن بكود جافا سكربت

 

 

<div>

<script language="JavaScript">

/*

شكرا لكم مع تحيات محمد بادحمان tecnyt.com

*/

var it=0

function initialize(){

mytext=typing.innerText

var myheight=typing.offsetHeight

typing.innerText=''

document.all.typing.style.height=myheight

document.all.typing.style.visibility="visible"

typeit()

}

function typeit(){

typing.insertAdjacentText("beforeEnd",mytext.charAt(it))

if (it<mytext.length-1){

it++

setTimeout("typeit()",100)

}

else

return

}

if (document.all)

document.body.onload=initialize

</script>

<span id="typing" style=" color:#f9966B; visibility:hidden" align="left">تجربة الكتابة بالآلة الكاتبة أتمنى ان تبحث في المرة القادمة قبل السؤال فالإنترنت مليئ بالأمثلة .. وشكرا لك :) م.محمد بادحمان

</span></font></b></p>

</div>

 

 

ثالثا :

هذا مثال آخر متقدم ويمكنك استخدام مكتبة jQuery News Ticker وهنا في هذه الصفحات مثال كامل لإضافة مع الشرح باللغة الإنجليزية وللأسف ليس لدي الوقت الآن لأترجمه لك لكن تستطيع قرائة الأمثلة او ترجمتها بقوقل وستفهم طريقة استخدامها في الرابط التالي :

http://www.jquerynewsticker.com/

 

وشكرا..

 

 

 

 

 

 

الردود

آراء أعضاء الموقع وتعليقاتهم

هل أنت مشترك بموقع تقنيات ؟ بادر بالإشتراك الآن


يجب عليك التسجيل لتستطيع كتابة تعليق