ej:
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.b').click(function () {
$(".div1").fadeOut(1000);
$(".div2").fadeIn(3000);
});
});
</script>
<style type="text/css">
body,html{height:100%}
.div1 {
position: absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#f00;
z-index:2;
}
.div2 {
position:absolute;
top: 0px;
left: 0px;
width:100%;
height:100%;
background-color:#ccc;
z-index:1;
}
</style>
</head>
<div class="div1"><a href="#" class="b">lo que sea 1</a></div>
<div class="div2">lo que sea 2</div>
</body>
</html>
cualquier cosa pregunta
