img前面套个div,改变div的index值

解决方案 »

  1.   


    <!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>
        <title>无标题页</title>
        <style type="text/css">
            .test{ width:200px; height:200px; position:absolute}
            .d1 { background-color:Blue}
            .d2 { background-color:Fuchsia}
            .d3 { background-color:Gray}
        </style>
    </head>
    <script type="text/javascript"> 
    var i =1;
    function changes(){ 
        document.getElementById('watch').innerHTML=i;
        var a = document.getElementById('d1');
        var b = document.getElementById('d2');
        var c = document.getElementById('d3');
        switch(i % 3)
        {
        case 0:
            a.style.zIndex=1;
            b.style.zIndex=0;
            c.style.zIndex=0;
            break;
        case 1:
            a.style.zIndex=0;
            b.style.zIndex=1;
            c.style.zIndex=0;
            break;
        case 2:
            a.style.zIndex=0;
            b.style.zIndex=0;
            c.style.zIndex=1;
            break;
        }
        i++ ; 

    setInterval('changes()',2000);
    </script>
    <body>
        <div id="d1" class="test d1">123</div>
        <div id="d2" class="test d2">456</div>
        <div id="d3" class="test d3">789</div>
    </body>
    </html>div里面要加什么加什么
      

  2.   

    把    document.getElementById('watch').innerHTML=i;
    去掉,测试时候用的,忘了删了
      

  3.   

    可以用page.registscriptmanage来注册js代码,这样肯定能够实现