◆◆百分求一个函数！

<div  style="position:absolute;background-color:red;top:100;left:100;width:100;height:100;z-index:1" onclick="set(this)"></div>
<div style="position:absolute;background-color:green;top:120;left:120;width:100;height:100;z-index:1" onclick="set(this)"></div>
<div style="position:absolute;background-color:yellow;top:140;left:140;width:100;height:100;z-index:1" onclick="set(this)"></div>
<div style="position:absolute;background-color:blue;top:160;left:160;width:100;height:100;z-index:1" onclick="set(this)"></div>
<div id="a" style="position:absolute;background-color:black;top:180;left:180;width:100;height:100;z-index:1" onclick="set(this)"></div>
<script language="javascript">
<!--
function set(o)
{
var oo = document.getElementsByTagName("div");
for(var i = 0; i<oo.length;++i)
{
if(oo[i].style.zIndex>1)
{
oo[i].style.zIndex=1;
break;
}
}
o.style.zIndex = 2;
}
//-->
</script>

解决方案 »

  1.   

    <div  style="position:absolute;background-color:red;top:100;left:100;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:green;top:120;left:120;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:yellow;top:140;left:140;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:blue;top:160;left:160;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div id="a" style="position:absolute;background-color:black;top:180;left:180;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <script language="javascript">
    var i = 2;
    <!--
    function set(o)
    {
    o.style.zIndex = i;
    i++;
    }
    //-->
    </script>
      

  2.   

    <script>var max=5;</script>
    <div style="position:absolute;background-color:red;top:100;left:100;width:100;height:100;z-index:1" onclick="max++;this.style.zIndex=max;"></div>
    <div style="position:absolute;background-color:green;top:120;left:120;width:100;height:100;z-index:2" onclick="max++;this.style.zIndex=max;"></div>
    <div style="position:absolute;background-color:yellow;top:140;left:140;width:100;height:100;z-index:3" onclick="max++;this.style.zIndex=max;"></div>
    <div style="position:absolute;background-color:blue;top:160;left:160;width:100;height:100;z-index:4" onclick="max++;this.style.zIndex=max;"></div>
    <div style="position:absolute;background-color:black;top:180;left:180;width:100;height:100;z-index:5" onclick="max++;this.style.zIndex=max;"></div>
      

  3.   

    <div  style="position:absolute;background-color:red;top:100;left:100;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:green;top:120;left:120;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:yellow;top:140;left:140;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div style="position:absolute;background-color:blue;top:160;left:160;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <div id="a" style="position:absolute;background-color:black;top:180;left:180;width:100;height:100;z-index:1" onclick="set(this)"></div>
    <script language="javascript">
    var preDivObj;//记下上一次点击对象
    <!--
    function set(o)
    {
              if(!preDivObj){o.style.zIndex=100;}
              else{
                 o.style.zIndex = preDivObj.style.zIndex ;
                 preDivObj.style.zIndex = 0；
               }
              preDivObj = o; 
        
    }
    //-->
    </script>
      

  4.   

    此事易耳。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//CN">
    <HTML>
    <HEAD>
    <TITLE> Q2625018 </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <META NAME="Generator" CONTENT="Microsoft Notepad">
    <META NAME="Author" CONTENT="Topmonkey">
    <META NAME="Keywords" CONTENT="http://expert.csdn.net/Expert/topic/2625/2625018.xml?temp=.5418817">
    <META NAME="Description" CONTENT="Re: Q2625018">
    </HEAD><BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <div id=div1 style="position:absolute;background-color:red;top:100;left:100;width:100;height:100;z-index:1" onclick="setTop(this)"></div>
    <div id=div2 style="position:absolute;background-color:green;top:120;left:120;width:100;height:100;z-index:2" onclick="setTop(this)"></div>
    <div id=div3 style="position:absolute;background-color:yellow;top:140;left:140;width:100;height:100;z-index:3" onclick="setTop(this)"></div>
    <div id=div4 style="position:absolute;background-color:blue;top:160;left:160;width:100;height:100;z-index:4" onclick="setTop(this)"></div>
    <div id=div5 style="position:absolute;background-color:black;top:180;left:180;width:100;height:100;z-index:5" onclick="setTop(this)"></div>
    </BODY>
    </HTML>
    <Script Language="JavaScript">
    <!--
    function setTop(thisDiv){
    thisDiv.style.zIndex = Math.max(div1.style.zIndex, div2.style.zIndex, div3.style.zIndex, div4.style.zIndex, div5.style.zIndex) + 1;
    }
    //-->
    </Script>
      

  5.   

    topmonkey(倭贼与狗不得进入本论坛) 你的代码的原理和我上面的一个样
      

  6.   

    ptma(守望者)的程序最为简洁，而且很符合要求，
    max-5就是点击的次数：）