1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
window.onload = function(){
if(location.href.indexOf('layer=') != -1)
if(document.getElementById(location.href.split('layer=')[1]))
document.getElementById(location.href.split('layer=')[1]).style.display = 'block';
}
</script>
<style type="text/css">
<!--
#one {
position:absolute;
left:90px;
top:12px;
width:355px;
height:257px;
z-index:4;
}
#two {
position:absolute;
left:90px;
top:12px;
width:355px;
height:257px;
z-index:3;
}
#three {
position:absolute;
left:90px;
top:12px;
width:355px;
height:257px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="one" style="display:none;">
<p><strong>one</strong> Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
<p><a href="page_2.htm?layer=one">link 1</a></p>
<p><a href="page_2.htm?layer=two">link 2</a></p>
<div id="two" style="display:none;">
<p><strong>two</strong>Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
<p><a href="page_2.htm?layer=three">link 3</a></p>
<div id="three" style="display:none;">
<p><strong>three</strong>Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
</body>
</html> |