相关html特效的

有关html特效的
RT
有三个层，A,B,C,彼此重叠，但是鼠标移到A，A就到最上面，覆盖下面的，移到B，比就在上面，覆盖下面的，在移到A，又到上面，就这样。求大神

[解决办法]
以DIV为例
css: 
.hover,
div:hover {position: relative; z-index: 999} 【兼容到IE7+ ，IE6无效】

javascript：
var divs = document.getElementsByTagName('div'),
len = divs.length,
i = 0;
for (i; i < len; i++) {
divs[i].onmouseover = function () {
this.className = this.className + ' ' + 'hover';
}
divs[i].onmouseout = function () {
this.className = this.className.replace(/hover/g, '');
}
}

未经过测试，下面JS的方法还是需要上面的.hover样式支持
[解决办法]
先设置一个计数器，然后在ABC的mouseover时间中让计数器+1；

JScript code

var a=$('a'),    b=$('b'),    c=$('c'),    zIndex=100;    function apear(){    this.style.zIndex=zIndex;    zIndex++;}a.onmouseover=function(){    apear.call(this);};b.onmouseover=function(){    apear.call(this);};c.onmouseover=function(){    apear.call(this);}