Une image qui rebondit sur les côtés de votre page ... (à priori ne fonctionne que sous EI )
A placer entre les balises <body> et </body>
<p><div id="img" style="position:absolute;"></p> <p><!-- votre image --><br /><img src="https://storage.canalblog.com/09/62/415861/24591775.gif " onClick="pause_resume();"><br /></div></p> <p><script language="JavaScript"><br /><!-- Begin</p> <p>var xPos = 20;<br />var yPos = document.body.clientHeight;<br />var step = 1;<br />var delay = 30; <br />var height = 0;<br />var Hoffset = 0;<br />var Woffset = 0;<br />var yon = 0;<br />var xon = 0;<br />var pause = true;<br />var interval;<br />img.style.top = yPos;<br />function changePos() {<br />width = document.body.clientWidth;<br />height = document.body.clientHeight;<br />Hoffset = img.offsetHeight;<br />Woffset = img.offsetWidth;<br />img.style.left = xPos + document.body.scrollLeft;<br />img.style.top = yPos + document.body.scrollTop;<br />if (yon) {<br />yPos = yPos + step;<br />}<br />else {<br />yPos = yPos - step;<br />}<br />if (yPos < 0) {<br />yon = 1;<br />yPos = 0;<br />}<br />if (yPos >= (height - Hoffset)) {<br />yon = 0;<br />yPos = (height - Hoffset);<br />}<br />if (xon) {<br />xPos = xPos + step;<br />}<br />else {<br />xPos = xPos - step;<br />}<br />if (xPos < 0) {<br />xon = 1;<br />xPos = 0;<br />}<br />if (xPos >= (width - Woffset)) {<br />xon = 0;<br />xPos = (width - Woffset);<br />}<br />}<br />function start() {<br />img.visibility = "visible";<br />interval = setInterval('changePos()', delay);<br />}<br />function pause_resume() {<br />if(pause) {<br />clearInterval(interval);<br />pause = false;<br />}<br />else {<br />interval = setInterval('changePos()',delay);<br />pause = true;<br />}<br />}<br />start();<br />// End --><br /></script></p>
Cliquez ici pour voir l'effet: