<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
body {
margin:0px;
font:normal normal 24px/24px sans-serif;
}
#modal {
top:0px;
left:0px;
height:0%;
width:100%;
position:fixed;
overflow:hidden;
background:#000000;
text-decoration:none;
color:#FFFFFF;
z-index:4;
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
</style>
<script>
function _open() {
document.getElementById("modal").style.height="100%";
}
function _close() {
document.getElementById("modal").style.height="0%";
}
</script>
</head>
<body>
<div id="modal">
<span style="cursor:pointer" onclick="_close()">Close</span>
<h4>C O N T E N I D O - 01</h4>
<small>T E X T O - 01</small>
<h4>C O N T E N I D O - 02</h4>
<small>T E X T O - 02</small>
</div>
<span style="cursor:pointer" onclick="_open()">Open</span>
</body>
</html>
Comentarios sobre la versión: 1.0 (0)
No hay comentarios