Here is a simple JavaScript function that can be used to move a html element to a random direction in page.
//sets a random absolute position to a html element; receives the html element
function moveElmRand(elm){
elm.style.position ='absolute';
elm.style.top = Math.floor(Math.random()*90+5)+'%';
elm.style.left = Math.floor(Math.random()*90+5)+'%';
}
<h4>Example auto-moving html element</h4>
<p>Try to click on the following button.</p>
<button id='btn_test'>Catch Me</button>
<script>
//sets a random absolute position to a html element; receives the html element
function moveElmRand(elm){
elm.style.position ='absolute';
elm.style.top = Math.floor(Math.random()*90+5)+'%';
elm.style.left = Math.floor(Math.random()*90+5)+'%';
}
//get the #btn_test
var btn_test = document.querySelector('#btn_test');
//register to call moveElmRand() on mouseenter event to #btn_test
btn_test.addEventListener('mouseenter', function(e){ moveElmRand(e.target);});
//register click to #btn_test
btn_test.addEventListener('click', function(e){ alert('You are Good.');});
</script>
<img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="9, 120, 56, 149" href="#"> <area shape="rect" coords="100, 200, 156, 249" href="#"> </map>
#id {
overflow: auto;
}document.getElementById("id").onmouseover = function(){
document.write("Have Good Life");
}if(isset($_GET["id"])) {
echo $_GET["id"];
}