<a href="01.jpg" width="200" height="100" target="centerFrame" >第一选项</a>
<a href="02.jpg" width="200" height="100" target="centerFrame">第二选项</a>
在点击第一选项和第二选项后,出来的两个图片01.jpg和02.jpg让它们进行叠加,要么01.jpg在下,02.jpg在上,要么01.jpg在上,02.jpg在下,然后让它两进行叠加组合成一个新的图片,之前试过好多次都是一个图片会替换掉另一个图片,做不出要求的效果,所以这里祈求各位大神帮忙给出方法,谢过了

解决方案 »

  1.   

    在一个div内放置两个img标签,div设置成position: relative;  img都设置成position: absolute; 然后调图片的位置就可以当然两张图片必须是半透明的  要不是就上面的图片盖住了下面的图片。
      

  2.   


    <a href="javascript:void(0)" pic="1.png" onclick="set(this)">第一选项</a>
    <a href="javascript:void(0)" pic="2.png" onclick="set(this)">第二选项</a>
    <div id="show"></div> <script type="text/javascript">
    var z = 0;
    function set(o){
    document.getElementById("show").innerHTML += '<img style="position:absolute;z-index:' + z + '" src="' + o.getAttribute('pic') + '">';
    z++;
    }
    </script>
    这样吗?
      

  3.   

    好像不行,
    <li><a href="/plus/list.php?tid=1" onmouseover="mopen('m1')" onmouseout="mclosetime()">关于我们</a>
    <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="01.jpg" width="200" height="100" target="centerFrame" >第一选项</a>
     <a href="02.jpg" width="200" height="100" target="centerFrame">第二选项</a>
     <a href="3.jpg" width="200" height="100" target="displayFrame" >第三选项</a>
    <a href="4.jpg" width="200" height="100" target="displayFrame" >第四选项</a>
    <a href="5.jpg" width="200" height="100" target="displayFrame" >第五选项</a>
    </div>
    </li>
    上面这个是它原本的导航菜单的其中一部分,是先点击关于我们出来第一到第五五个选项,然后最好的是五个选项各自点击后链接到的图片能进行叠加,组合成一个新图,当然最少也是点击其中的两项能够叠加,你给的答案我试了下,id有冲突,好像走不通