كود نص يضئ بالتدريج javascript و html

سم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين.

مرحبا بكم احبابي في الله في تدوينة جديدة على مدونة "التكنلوجيا والعالم" في الموضوع السابق قمنا باضافة كود html لنص يتحرك لأعلى وتعرفنا على طريقة تركيبه بسهولة على ادات جافا سكريبت

واليوم ان شاء الله عز وجل .سوف نقوم باضافة كود جديد لمدونة بلوجر هو كود يقوم بجعل اي نص يضئ بالتدريج بجمالية واحترافية بعد اضافته

اخي في الله اتمم قراءة التدوينة لمعرفة الطريقة الصحيحة لاظافته بسهولة فائقة.

اولا; اتجه الى التخطيط على مدونتك.

ثانيا ; قم بالضغط على اظافة اداة

باي مكان تختاره وتريدة ان يظهر فيه تصميم الكود

ثالثا ; قم بالنقر على جافا سكريبت

وبعدها قم بنسخ هدا الكود اللدي باخر التدوينة في مربع الادات مع تغيير مدونة "التكنلوجيا والعالم" لما تريد اضافتة وما يناسبك.

<h2>
<script language="JavaScript1.2">



var message="مدونة التكنلوجيا والعالم"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
</div>

ملاحظة قم بتغيير اسم مدونتي بما يناسبك من الكلمات واضغط على حفظ هنيئا لك لقد تم لك دالك

دمتم في رعاية الله عز وجل

آخر الأخبار

كود نص يضئ بالتدريج javascript و html





