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

تسجيل دخول

ملاحظة

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

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

		الويب العربي دليل ومكتبة الويب العربي ويب 2.0 وأكواد متنوعة
إرسال هذه الصفحة لصديق

الأقسام

إستعراض

بحث

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

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

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

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

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

التركيب :

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
الزيارات 56
206 بايت

إرسال هذه الصفحة لصديق

إسم المُستقبل

البريد الإلكتروني للمُستقبل

الإسم

الـنـص

ربما يهمك الاطلاع على هذا الرابط :

http://www.arabwebtalk.com/local_links.php?catid=17&linkid=952

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

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

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

[url=http://www.arabwebtalk.com/filestore/example/scripts/greet.html]اضغط هنا لمشاهدة الرسالة الترحيبية[/url]

التركيب :

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

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

//قم بتغيير النص بالاسفل
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>[/code]

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

[code]<body onload="position_at_top();expand()">[/code]

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

أطيب تحية

إنتقل إلى