18 lines
604 B
HTML
18 lines
604 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<body style="margin: 0; padding: 0;">
|
||
|
|
<div style="position: absolute; overflow: hidden;
|
||
|
|
left: 0; top: 0; width: 250px; height: 250px;
|
||
|
|
background: green"
|
||
|
|
id="greenbox">
|
||
|
|
<div style="position: relative; left: 75px; top: 75px;
|
||
|
|
width: 75px; height: 75px;
|
||
|
|
background: green"
|
||
|
|
id="redbox">
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var redbox = document.getElementById('redbox');
|
||
|
|
redbox.onmouseover = function() { redbox.style.background = 'red'; };
|
||
|
|
redbox.onmouseout = function() { redbox.style.background = 'green'; };
|
||
|
|
</script>
|
||
|
|
</div>
|