|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <head> | | <head> |
− | <script><!--loco loco--->
| + | |
− | function mostrar() {
| + | |
− | document.getElementById("target").style.display = "block";
| + | |
− | document.getElementById("overlay").style.display = "block";
| + | |
− | }
| + | |
− | function ocultar() {
| + | |
− | document.getElementById("target").style.display = "none";
| + | |
− | document.getElementById("overlay").style.display = "none";
| + | |
− | }
| + | |
− | </script>
| + | |
− | | + | |
− | <style>
| + | |
− | #target {
| + | |
− | display: none;
| + | |
− | position: absolute;
| + | |
− | width: 200px;
| + | |
− | height: 200px;
| + | |
− | top: 50%;
| + | |
− | left: 50%;
| + | |
− | margin-top: -100px;
| + | |
− | margin-left: -100px;
| + | |
− | z-index: 1001;
| + | |
− | }
| + | |
− | | + | |
− | #overlay {
| + | |
− | position: fixed;
| + | |
− | height: 100%;
| + | |
− | width: 100%;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | </style><!--loco loco-->
| + | |
| | | |
| <title>TODO supply a title</title> | | <title>TODO supply a title</title> |
Line 47: |
Line 16: |
| <body> | | <body> |
| | | |
− | <input type="button" value="pulsa aqui" onClick="mostrar()" /> <!--loco--> | + | |
− | <img src="images/header.jpg" id="target" onClick="ocultar()" />
| + | |
− | <div id="overlay" onClick="ocultar()"></div><!--loco-->
| + | |
| | | |
| <header> | | <header> |