السلام عليكم
شكر خاص للأخ fuga على الملف لأني بصراحة وجدت فيه بعض السكريبتات الغنية و زادتني معرفة ببعض الأشياء التي لم يكن لي بها علم
أخ x00x.com تصدق أن سكريبت الدي تبحث عنه شغلته بسيطة جدا وبرمجتها أسهل مما توقعت
أنت تريد أن تظهر نافدة صغيرة تتحرك مع الصفحة
أول شيء نسويه هي أن نحجز مساحة ضمن الكود div أو span مثل
كود PHP:
<DIV id=wino_move></div>
ونعطي id أية قيمة لأننا سنحتاجها في دالة التعرف على div
تم نفتح الكود
كود PHP:
<SCRIPT language=javascript>
function move_wino(){
و بما أننا نريد من div أن تتحرك مع الصفحة وبالمعنى البرمجي نريد قيمة pixelTop الخاص ب div أن تكون على نفس قيمة scrollTop الخاص بالصفحة فإن الكود الدي سنضيف هو
كود PHP:
wino_move.style.pixelTop = document.body.scrollTop
لكن هدا غير كاف لأننا نحرك الصفحة بإ ستمرار لدا فيجب أن نقوم بحساب هده القيمة في كل 7 أو أقل من جزء بالمئة و سيكون الكود على التالي
كود PHP:
eval("wino_move.style.pixelTop = document.body.scrollTop");
setTimeout("move_wino()",7);}
ولا ننسى أن نستدعي الكود ب
كود PHP:
window.onload = move_wino
أو يمكن أن تسويها في البودي
هذا ولا ننسى أن نضيف الكلاس
كود PHP:
<DIV class="classino" id=wino_move></div>
تم نعطي الكلاس الطول و العرض و ما جاورهما
مثال
كود PHP:
<style>
.classino
{
left: 0px;
position: absolute;
top:0px;
z-index: 99;
width: 0px;
height: 0px
}
</style>
ويمكنك التغير فيه كما تشاء و لا حظ أننا أعطينا z-index قيمة 99 و هدا لأننا نريد أن يظهر السكريبت فوق جميع الطبقات الموجودة في الصفحة
و أيضا نريد أن نسوي لسكريبت علامة إغلاق لأنه ليس مفروض عليك أن تفرضه على زوارك فمن أراد أن يغلقه فليغلقه لذا سنضيف دالة أخرى
نعطي فيها للمساحة
كود PHP:
display = "none";
و ستكون الدالة على التالي
كود PHP:
function dell(){
wino_move.style.display = "none";
}
وهنا سنكون قد إنتهينا من السكريبت و ستكون النتيجة الكاملة على هذا الشكل :
كود PHP:
<style>
.classino
{
left: 0px;
position: absolute;
top:0px;
z-index: 99;
width: 0px;
height: 0px
}
</style>
<SCRIPT language=javascript>
<!--
function move_wino(){
eval("wino_move.style.pixelTop = document.body.scrollTop");
setTimeout("move_wino()",7);
}
window.onload = move_wino
function dell(){
wino_move.style.display = "none";
}
//-->
</SCRIPT>
<DIV id=wino_move class="classino"></DIV>
و الصور او الفلاش ... الدي نريد ه أن يتحرك مع الصفحة وجب وضعه في وسط الكود
كود PHP:
<DIV id=wino_move class="classino">هناااا</DIV>
المثال على السكريبت : http://winomania.com/javascript/move_wino.html
السورس : http://view-source:http://winomania....move_wino.html
لكن يبقى عليك تصميم الشكل الذي تريده أن يظهر لك
تمنياتي لك بالتوفيق
و السلام