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