Click Me!
Click the Click Me! button.
HTML
<!DOCTYPE html>
<title></title>
<body>
<input type="button" id="button" value="Click Me!"></input>
</body>
CSS
#button {
width:750px;
height:375px;
position:absolute;
white-space: normal;
}
JavaScript
var button = document.getElementById("button");
document.documentElement.clientWidth;
document.documentElement.clientHeight;
button.style.left = buttonPositionLeft + "px";
button.style.top = buttonPositionTop + "px";
button.addEventListener("click", gotMe);
if(typeof addEventListener !== "undefined") {
button.addEventListener("mouseover", move, false);
} else if (typeof attachEvent !== "undefined") {
button.attachEvent("onmouseover", move);
} else {
button.onmousover = move;
}
function gotMe() {
this.style.width = "50px";
this.style.height = "30px";
button.style.left = "40px";
button.style.top = "20px";
}
function move() {
this.style.width = "20px";
this.style.height = "10px";
button.style.left += "40px";
button.style.top += "20px";
}