JavaScript

JavaScripti >> Ostalo >> Pameten gumb

Opis:
Ko se boste preveč približali gumbu se vam bo le-ta umaknil na drugo mesto. Na preprost način lahko nekoga spravite "ob živce".

Primer:

Izvorna koda:
Korak 1:
Prekopirajte kodo v <body> del vaše spletne strani:

<span id="button1" style="position:relative;z-index:10"></span> <script> var btnbgcol="lightgreen" var fntcol="black" var ok=(document.getElementById||document.all)?1:0 if (ok) var cross_el=document.getElementById? document.getElementById("button1"):button1 /* Type your TEXT message below but DO NOT use double quotation marks, use SINGLE quotation marks instead */ message = "Zastonj prenosni računalniki!" // No need to edit below this line function changeIt(){ if (!ok) return cross_el.innerHTML='<button style="background-color:'+btnbgcol+'" onmouseDown="moveIt();" onmouseOver="moveIt()"><font color="'+fntcol+'">'+message+'</font></button>' } function setRandom(){ random1=Math.floor(Math.random()*301) random2=Math.floor(Math.random()*401) } function moveIt(){ if (!ok) return setRandom() cross_el.style.top=random1 cross_el.style.left=random2 if (document.all){ if (cross_el.offsetTop-document.body.scrollTop>document.body.clientHeight) cross_el.style.top=random1*(-2/3) } else{ if (cross_el.offsetTop-window.pageYOffset>window.innerHeight) cross_el.style.top=random1*(-2/3) } } </script>

Korak 2:
Vaša <body> vrstica naj bi izgledala nekako takole: