Just got the perfect one for it:
<html>
<head>
<title>viewsrc - z-index demo</title>
<style type="text/css">
body {background:#FFFFFF; color:#333366;}
a {font-family:verdana,arial; text-decoration:none;}
a:link {color:#800000;}
a:visited {color:#800000;}
a:active {color:#800000;}
a:hover {color:#000000; text-decoration:underline;}
div {font-family:verdana,arial;}
.justify {text-align:justify;}
.justify2 {line-height:18px;}
.justify3 {text-align:justify; line-height:18px;}
font {font-family:verdana,arial; color:#333366;}
.text {font-size:11px;}
.text1 {font-size:11px; font-weight:bold;}
.link {font-size:11px; font-weight:bold;}
.h0 {font-weight:bold; font-size:13px;}
.h1 {font-weight:bold; font-size:15px;}
.h2 {font-weight:bold; font-size:18px;}
.h3 {font-weight:bold; font-size:20px;}
#layer1 {position:absolute; left:50px; top:50px; width:400px; height:255px; z-index:1;}
#layer2 {position:absolute; left:100px; top:100px; width:400px; height:255px; z-index:2;}
#layer3 {position:absolute; left:150px; top:150px; width:400px; height:255px; z-index:3;}
#layer4 {position:absolute; left:200px; top:200px; width:400px; height:255px; z-index:4;}
</style>
<script type="text/javascript" language="javascript">
/************************************************** ******************************
Copyright (C) 2001 Rod Morelos
This script is made by and copyrighted to Rod Morelos
wankoi@usa.net || wankoi@hotmail.com
************************************************** ******************************/
// Default browsercheck, added to all scripts!
function checkBrowser()
{
this.ver=navigator.appVersion;
this.dom=document.getElementById?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns6=(this.dom && parseInt(this.ver) >= 5)?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.w3c=(this.ie5 || this.ie6 || this.ns6);
this.ie=(this.ie4 || this.ie5 || this.ie6);
this.ns=(this.ns4 || this.ns6);
this.bw=(this.ie4 || this.ie5 || this.ie6 || this.ns4 || this.ns6);
return this
}
var bw=new checkBrowser();
// Makes crossbrowser object
function makeObject(obj)
{
this.css=bw.w3c?document.getElementById(obj).style :bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
return this
}
// default layer on top of other layers
var oldLayer='layer4';
function bringForward(newLayer)
{
oNew = new makeObject(newLayer);
oOld = new makeObject(oldLayer);
oOld.css.zIndex = '0';
oNew.css.zIndex = '5';
oldLayer = newLayer;
}
</script>
</head>
<body>
<div id="layer1">scriptasylum.gif (javascript:bringForward('layer1'))</div>
<div id="layer2">pupius.gif (javascript:bringForward('layer2'))</div>
<div id="layer3">bratta.gif (javascript:bringForward('layer3'))</div>
<div id="layer4">dhtmlcentral.gif (javascript:bringForward('layer4'))</div>
</body>
</html>
Hope this helps.
Rad
[url="http://www.e-syed.net/viewsrc/"]viewsrc[/url:r37by6kps9]