<script> var x,y var marginbottom var marginleft=0 var margintop=0 var marginright // سرعة حركة الصور var tempo=10 var stepx=20 var stepy=20 var timer // عنوان الصور تحت img0 = new Image(); img0.src = "ld.gif"; img1 = new Image(); img1.src = "lu.gif"; img2 = new Image(); img2.src = "rd.gif"; img3 = new Image(); img3.src = "ru.gif"; function setValues() { var firsttimer= setTimeout("setValues2()",2000) } function setValues2() { if (document.all) { marginbottom = document.body.clientHeight-50 marginright = document.body.clientWidth-50 document.all.ball.style.posLeft=randommaker(marginright-30)+30 document.all.ball.style.posTop=10 moveball() } if (document.layers) { marginbottom = window.innerHeight-10 marginright = window.innerWidth-10 document.ball.left=randommaker(marginright-30)+30 document.ball.top=10 moveball() } } // randomfunction function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function moveball() { checkposition() chooseimage() if (document.all) { document.all.ball.style.posLeft+=stepx document.all.ball.style.posTop+=stepy timer=setTimeout("moveball()",tempo) } if (document.layers) { document.ball.left+=stepx document.ball.top+=stepy timer=setTimeout("moveball()",tempo) } } function checkposition() { if (document.all) { if (document.all.ball.style.posLeft>=marginright) { stepx=stepx*-1 document.all.ball.style.posLeft-=10 } if (document.all.ball.style.posLeft<=marginleft) { stepx=stepx*-1 document.all.ball.style.posLeft+=10 } if (document.all.ball.style.posTop>=marginbottom) { stepy=stepy*-1 document.all.ball.style.posTop-=10 } if (document.all.ball.style.posTop<=margintop) { stepy=stepy*-1 document.all.ball.style.posTop+=10 } } if (document.layers) { if (document.ball.left>=marginright) { stepx=stepx*-1 document.ball.left-=10 } if (document.ball.left<=marginleft) { stepx=stepx*-1 document.ball.left+=10 } if (document.ball.top>=marginbottom) { stepy=stepy*-1 document.ball.top-=10 } if (document.ball.top<=margintop) { stepy=stepy*-1 document.ball.top+=10 } } } function chooseimage() { if (document.all) { if (stepx <= 0 && stepy <=0) {ballimage.src="lu.gif"} if (stepx >= 0 && stepy <=0) {ballimage.src="ru.gif"} if (stepx <= 0 && stepy >=0) {ballimage.src="ld.gif"} if (stepx >= 0 && stepy >=0) {ballimage.src="rd.gif"} } if (document.layers) { if (stepx <= 0 && stepy <=0) {document.ball.document.ballimage.src="lu.gif"} if (stepx >= 0 && stepy <=0) {document.ball.document.ballimage.src="ru.gif"} if (stepx <= 0 && stepy >=0) {document.ball.document.ballimage.src="ld.gif"} if (stepx >= 0 && stepy >=0) {document.ball.document.ballimage.src="rd.gif"} } } // - End of JavaScript - --> </script>

<DIV id="ball" style="position:absolute; top:-50px"><img name="ballimage" src="rd.gif" border="0" width="45" height="45"></DIV>