admin صاحب الموقع
الجنس : المشاركات : 332 النقاط : 655 التقييم : -1 الانتساب : 21/03/2011 العمر : 27 اسكن في : amman
| موضوع: كود صورة تتحرك الى أعلى و أسفل الشاشة بشكل تلقائي و تقف عند الضغط عليها الثلاثاء مارس 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> | |
|