دليل ومكتبة الويب العربي - ويب 2.0 وأكواد متنوعة - كود نصّ نابض ومشعّ _ حصريّاً

تسجيل دخول

ملاحظة

الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

		الويب العربي دليل ومكتبة الويب العربي مكتبة الويب العربي ويب 2.0 وأكواد متنوعة
كود نصّ نابض ومشعّ _ حصريّاً

الأقسام

إستعراض

بحث

ويب 2.0 وأكواد متنوعة

ويب 2.0 وأكواد وأدوات متنوعة لتطوير المواقع
Ajax , XML , CSS , JavaScript ...etc

تبادل خبرات البرمجة

المحتويات

كود نصّ نابض ومشعّ _ حصريّاً

نبذة : هذا الكود يمكّنك من كتابة اسم موقعك أو رسالة ترحيبية بواسطة نص نابض ومشّع

بالطبع حجم الكتابة بالكود اقلّ كثيرا من حجم صورة مماثلة مصممّة بواسطة برامج التصميم او الفلاش

وبالتالى فسرعة فتح الصفحة ميزة للاسكربت

من خلال الكود تستطيع تعيين قوة النبض الصغرى والعظمى ولون الإشعاع

النص نفسه تستطيع كتابته بتنسيق الـ html الذى تريده

لمشاهدة مثال :

فضلاً اضغط هنا

اضغط هنا لمشاهدة مجموعة من النصوص المشعّة بمتغيّرات مختلفة بالكود

التركيب :

1- انسخ هذا الكود بال head فى موقعك مع اتبّأع التعليمات الموضّحة بداخله للتحكّم فى لون الاشعاع وقوته

كود:

<script>
<!--


var divs = new Array();
var da = dcidocument.all;
var start;

// قم بالتعديل على تلك المتغيرات حسب رغبتك!!!!!!
//سرعة النبض
var speed = 50;

function initVars(){

if (!dcidocument.all)
return

//كل سطر مما يأتى يحتوى على اسم متغيّر وبه 4 متغيّرات بين القوسين تستطيع التحكم بها  
//1)أول متغيّر على اليسار اسم عبارة الترحيب
//2)تانى متغيّر هو كود اللون بين قوسين صغيرين
//3)المتغيّر الثالث بين الأقواس خاص بشدة النبض الصغرى
//4)المتغيّر الأخير جهة اليمين هو اقصى شدّة للنبض

//الآن سنقوم بتجربة 4 حالات للكتابة النابضة بأربع نتائج مختلفة وكل منهم سنعطيه اسم ببداية القوس



addDiv(hi,"lime",2,11);
addDiv(welcome,"red",4,9);
addDiv(message,"purple",2,4);
addDiv(msg2,"orange",15,17);
addDiv(msg3,"blue",1,3);

//لا تقم بتعديل النص بالأسفل!!!!!!



startGlow();
}

function addDiv(id,color,min,max)
{
var j = divs.length;
divs[j] = new Array(5);
divs[j][0] = id;
divs[j][1] = color;
divs[j][2] = min;
divs[j][3] = max;
divs[j][4] = true;
}

function startGlow()
{
	if (!dcidocument.all)
		return 0;

	for(var i=0;i<divs.length;i++)
	{
		divs[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")";
		divs[i][0].style.width = "100%";
	}

	start = setInterval('update()',speed);
}

function update()
{
	for (var i=0;i<divs.length;i++)
	{
		if (divs[i][4])
		{
			divs[i][0].filters.Glow.Strength++;
			if (divs[i][0].filters.Glow.Strength == divs[i][3])
				divs[i][4] = false;
		}
	
		if (!divs[i][4])
		{
			divs[i][0].filters.Glow.Strength--;
			if (divs[i][0].filters.Glow.Strength == divs[i][2])
				divs[i][4] = true;
		}
	}
}
-->
</script>

2-- بالنسبة للمثال هنا جرّبت جميع المتغيّرات الموضوعة فى الكود بالهيد باسماء مختلفة

كلمة( السلام عليكم ورحمة الله وبركاته) بصفحة المثال استخدمت لكتابتها مثلا هذا الكود

كود:

<div id="hi" style="color: lime">

<p align="center"><b><font size="5" color="#FF00FF">السلام عليكم ورحمة الله وبركاته</font></b>
</div>

اسم المقطع هنا هو المتحكم فى شكل الكلمة

كود:

div id="hi"

كلمة "السلام عليكم ورحمة الله وبركاته " محاطة بأكواد اتش تى ام ال للتحكم فى الخط ولونه وحجمه

استخدمت هذا الكود فى صناعة صفحة المثال

وبالطبع الكود الخاص بكل جملة على حدة يتم اضافته فى المكان المختار من الصفحة

كود:

<div id="hi" style="color: lime">

<p align="center"><b><font size="5" color="#FF00FF">السلام عليكم ورحمة الله وبركاته</font></b>
</div>
<br>

<br>

<br>

<div id="welcome" style="color: lime">
<p align="center"><font size="5">بسم الله الرحمن الرحيم
</font>
</div>
<br>

<br>
<br>



<div id="message" style="color: lime">
<p align="center"><font size="5">هنا مكتبة اسكربتات جافا مميزة بالويب العربى
</font>
</div>
<br>
<br>

<br>

<div id="msg2" style="color: lime">
<p align="center"><font size="5">نتمنّى الإستفادة للجميع
</font>
</div>
<br>
<br>
<br>

<div id="msg3" style="color: lime">
<p align="center"><font size="5">الويب العربى ..مدخلك إلى عالم المتعة والفائدة
</font>
</div>

هذا الكود السابق يتم نسخه فى جزء ال body بالمكان الذى تريد ظهوره فيه

3-- آخر خطوة وهى استبدال وسم الـ <BODY> بهذا الوسم

كود:

<body onLoad="initVars()">

ومبارك عليك الكود
أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة

بواسطة : محمّد نور

27-12-2007
الزيارات 59
206 بايت

قسم :

إنتقل إلى