اكس بي نت xp nt
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةالرئيسةأحدث الصورمركز رفع منتديات سيفينالتسجيلدخول





 

 كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
صاحب الموقع

admin


الاردن
كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها Studen10
كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها Sports10
رايق
الجنس : ذكر
المشاركات : 332
النقاط : 655
التقييم : -1
الانتساب : 21/03/2011
العمر : 27
اسكن في : amman

كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها Empty
مُساهمةموضوع: كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها   كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها Emptyالثلاثاء مارس 22, 2011 4:48 pm

كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها

الكود:

<div id="img" style="position:absolute;">
<img src=" ضع رابط الصوره هنا" onClick="pause_resume();" alt="اسم الصوره">
</div>


<script language="JavaScript">
//
Original: Justin Arruda
([url=http://goweto.ahlamontada.com/mailto:JArruda@mindspring.com][url=http://www.4smackdown.com/mailto:JArruda@mindspring.com][color=#ffeb32]JArruda@mindspring.com[/color][/url][/url])
// This script and many more are available free online at
//
The JavaScript Source!!
[url=http://javascript.internet.com/][url=http://javascript.internet.com/][color=#ffeb32]http://javascript.internet.com[/color][/url][/url]
//*
Visit
[url=http://www.star28.com/][url=http://www.star28.com/][color=#ffeb32]http://www.star28.com/[/color][/url][/url]
for more code
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
</script>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://xpnt.hooxs.com
 
كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» فيكتور ارقام وحروف 3d بشكل رائع
» إضافة [ مواضيعي × مشاركاتي ] بشكل جديد 2011 بالـ navbar
» غسل الجنازة والصلاة عليها ودفنها
» طرق اخفاء الروابط والمواضيع للرد عليها
»  كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
اكس بي نت xp nt :: قسم تطوير المواقع :: تطوير المواقع و المنتديات :: قسم الاكواد css و html و template-
انتقل الى: