دليل ومكتبة الويب العربي - ويب 2.0 وأكواد متنوعة - كود لنص ترحيبى يظهر تدريجيا بواجهة الصفحة ثمّ يختفى-حصرياً

تسجيل دخول

ملاحظة

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

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

		الويب العربي دليل ومكتبة الويب العربي مكتبة الويب العربي ويب 2.0 وأكواد متنوعة
كود لنص ترحيبى يظهر تدريجيا بواجهة الصفحة ثمّ يختفى-حصرياً

الأقسام

إستعراض

بحث

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

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

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

المحتويات

كود لنص ترحيبى يظهر تدريجيا بواجهة الصفحة ثمّ يختفى-حصرياً

نبذة : هذا كود لنص ترحيبى يظهر تدريجيا بالصفحة إلى أن يستقر بالواجهة لثوانى تقوم بتحديدها أنت قبل أن يختفى

تستطيع تغيير حجم الخط والثوانى المحددة للنص قبل الاختفاء من خلال التعديل على الكود

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

اضغط هنا لمشاهدة الرسالة الترحيبية

التركيب :

1-- اضف هذا الكود مباشرة تحت وسم ال <body> للصفحة وقبل اى وسم آخر

كود:

<div style="position:absolute;color:blue" id="test"></div>

<script>


//قم بتغيير النص بالاسفل
var themessage="مرحبا بكم فى الويب العربى"
//قم بتغيير حجم الخط بالاسفل

var fontsize=5
//قم بتحديد الزمن الذى سيثبت فيه النص قبل الاختفاء 5000= 5 ثوانى
var appearfor=5000

function position_at_top(){
if (dcidocument.layers)
dcidocument.test.top=pageYOffset
else if (dcidocument.all){
test.innerHTML='<div align=center><font face="Arial">'+themessage+'</font></div>'
setTimeout("test.style.top=dcidocument.body.scrollTop+10;test.style.left=dcidocument.body.scrollLeft+10",100)
}
else if (dcidocument.getElementById){
dcidocument.getElementById("test").innerHTML='<div align=center><font face="Arial">'+themessage+'</font></div>'
dcidocument.getElementById("test").style.top=pageYOffset
}
}

function expand(){
if (dcidocument.layers){
dcidocument.test.dcidocument.write('<div align=center style="font-size:'+fontsize+'px"><font face="Arial">'+themessage+'</font></div>')
dcidocument.test.dcidocument.close()
}
else if (dcidocument.all)
test.style.fontSize=fontsize+'px'
else if (dcidocument.getElementById)
dcidocument.getElementById("test").style.fontSize=fontsize+'px'
fontsize+=5
if (fontsize>90){
if (dcidocument.layers)
setTimeout("dcidocument.test.visibility='hide'",appearfor)
else if (dcidocument.all)
setTimeout("test.style.visibility='hidden'",appearfor)
else if (dcidocument.getElementById)
setTimeout("dcidocument.getElementById('test').style.visibility='hidden'",appearfor)
return
}
else
setTimeout("expand()",50)
}

</script>

2-- استبدل وسم الـ <body> بهذا الوسم

كود:

<body onload="position_at_top();expand()">

الآن اذهب لصفحتك واستمتع بالرسالة

أطيب تحية

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

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

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

قسم :

إنتقل إلى