دليل ومكتبة الويب العربي - ويب 2.0 وأكواد متنوعة - كود لإضافة زلزال بموقعك عند فتحه برسالة تظهر لثوانى وتختفى

تسجيل دخول

ملاحظة

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

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

		الويب العربي دليل ومكتبة الويب العربي مكتبة الويب العربي ويب 2.0 وأكواد متنوعة
كود لإضافة زلزال بموقعك عند فتحه برسالة تظهر لثوانى وتختفى

بحث

links

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

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

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

المحتويات

كود لإضافة زلزال بموقعك عند فتحه برسالة تظهر لثوانى وتختفى

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

مثال :

اضغط هنا لمشاهدة الزلزال ولاحظ الرسالة

التركيب :

1--ضع هذا الكود في منطقة الـ ( <head> )

كود:

<style>
#quakenotice_ie{
font:normal 18px microsoft sans serif  bold red;
position:absolute;
width:250px;
height:55px;
border:2px solid blue;
background-color:lightblue;
visibility:hidden;
}
</style>

ملاحظة : تستطيع التحكّم فى متغيّراته لتغيير حجم مستطيل الرسالة ولون خلفيته وشكل الخط بداخله

2-- استبدل وسم ال body العادى بهذا الوسم

كود:

<body onLoad="earthquake()">

3-- انسخ هذا الكود ببداية منطقة الـ body

كود:

<layer id="quakenotice_ns" width=300 height=55 bgColor=lightblue visibility=hide></layer>
<script>

// عدل من هنا نسبة حدوث الزلزال اذا اخترت 100% فهذا سيعنى تكراره على فترات باستمرار)
var chance_of_occurence="50%"

/////لا تعدل شئ بعد الخط/////////////

//variable used to store the equivalency of the 10 rector scales (in the form of 1, 3, 6...etc)
var rectorscale=new Array(1,3,6,9,12,15,18,21,24,27)
chance_of_occurence=parseInt(chance_of_occurence)

function earthquake(){
//randomly assign a number from 1 to 10 to variable rectorindex
rectorindex=Math.floor(Math.random()*10)
//randomly assign one of element rectorscale into variable rector
rector=rectorscale[rectorindex]
if ((dcidocument.all||dcidocument.layers)&&Math.floor(Math.random()*100)<=chance_of_occurence) {
//shake the browser's screen according to the random rector scale!
for (i=0;i,i<20;i++){
window.moveBy(0,rector)
window.moveBy(rector,0)
window.moveBy(0,-rector)
window.moveBy(-rector,0)
}
// show quake message
quakealert()
}
}

if (dcidocument.all)
dcidocument.write('<div id="quakenotice_ie"></div>')

function quakealert(){
var quakemessage='صحصح معانا وفووووووووق   <b></b>  .... فأنت على بعد ثوانى من التميّز والإبداع'

if (dcidocument.all){
quakemsg_ie=dcidocument.all.quakenotice_ie
quakemsg_ie.innerHTML=quakemessage
//position quake message in center of screen
quakemsg_ie.style.left=dcidocument.body.scrollLeft+dcidocument.body.clientWidth/2-quakemsg_ie.offsetWidth/2
quakemsg_ie.style.top=dcidocument.body.scrollTop+dcidocument.body.clientHeight/2-quakemsg_ie.offsetHeight/2
quakemsg_ie.style.visibility="visible"
setTimeout("quakemsg_ie.style.visibility='hidden'",5000)
}
else if (dcidocument.layers){
quakemsg_ns=dcidocument.quakenotice_ns
quakemsg_ns.dcidocument.write(quakemessage)
quakemsg_ns.dcidocument.close()
quakemsg_ns.left=pageXOffset+window.innerWidth/2-quakemsg_ns.dcidocument.width/2
quakemsg_ns.top=pageYOffset+window.innerHeight/2-quakemsg_ns.dcidocument.height/2
quakemsg_ns.visibility="show"
setTimeout("quakemsg_ns.visibility='hide'",5000)
}
}
</script>

ملاحظة : يمكنك من خلال المكان الموضح بالكود تغيير نسبة حدوث الزلزال ويمكنك التجربة ومشاهدة النتيجة

== كما ويمكنك تغيير نص الرسالة التى ستظهر لك باستبدال الكلمات الواضحة فى الكود بكلمات خاصة بك ولكن بحذر لعدم المساس بالأقواس والفواصل

أطيب تحية

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

مفضل

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

26-12-2007
الزيارات 52
206 بايت

قسم :

إنتقل إلى