Bouncing picture
*********************************
Free JavaScript provided by ©2007-VB'Breizh
Compatibility :
Copy the source code below :
<html><head> <script language="JavaScript"><!-- var step = 1; var delay = 30; //...speed of the animation (msec) var W = 0; var H = 0; var Wo = 0; var Ho = 0; var X = 0; var Y = 0; var run; var pause; var Xpos = 20; var Ypos = 100; var IE = navigator.appName; if(IE == "Microsoft Internet Explorer") {IE = true;} else {IE = false;} Xpos = document.body.clientWidth; Ypos = document.body.clientHeight; function start_demo() {//------------------------ document.getElementById("img").style.visibility = "visible"; pause = true; run = setInterval("new_pos()",delay); } function pause_demo() {//----------------------- if(pause==true) { clearInterval(run); pause = false;} } function new_pos() {//----------------------- if(IE) { W = document.body.clientWidth; H = document.body.clientHeight;} if(!IE) { W = window.innerWidth; H = window.innerHeight;} Wo = document.getElementById("img").offsetWidth; Ho = document.getElementById("img").offsetHeight; document.getElementById("img").style.left = Xpos + document.body.scrollLeft; document.getElementById("img").style.top = Ypos + document.body.scrollTop; if (X) {Xpos = Xpos + step;} else {Xpos = Xpos - step;} if (Xpos < 0) {X = 1; Xpos = 0;} if (Xpos >= (W - Wo)) {X = 0; Xpos = (W - Wo);} if (Y) {Ypos = Ypos + step;} else {Ypos = Ypos - step;} if (Ypos < 0) {Y = 1; Ypos = 0;} if (Ypos >= (H - Ho)) {Y = 0; Ypos = (H - Ho);} } --></script></head> <body> <font size=2>Free JavaScript provided by ©2007-VB'Breizh<br> <hr><p><center> <div name="img" id="img" style="position:absolute; visibility:hidden"> <img src="../gif/bzh05.gif"> </div> <input type=button value="Run demo..." onclick="start_demo()"></button> <input type=button value="...Pause..." onclick="pause_demo()"></button> </body></html>
Comment, question ?
Bouncing picture 
Bouncing picture
Comment, question ?