关于QQ博客相册图片热区域问题

自己顶下，希望会的高手来说明一下~

解决方案 »

  1.   

    想了一个实现的方法，在一张图片上放两个层，各占左右一半，在两个层上处理事件就行了。仅供参考，还没实践过。
      

  2.   

    想了一个实现方法，在图片上放两个层，各占左右一半，在两个层上处理事件就行了，仅供参考，还没实现过。
      

  3.   


    <html>
        <head>
    <style>
    .right {width:50%; height:100%; margin-left:50%; position:absolute;cursor:move;}
    .left {width:50%; height:100%; position:absolute; cursor:pointer;}
    </style> <script>
    function fix() {
    var pic = document.getElementById('pic');
    document.getElementById('box').style.width = pic.offsetWidth + "px";
    document.getElementById('box').style.height = pic.offsetHeight + "px";
    document.getElementById('box').style.backgroundImage = 'url('+pic.src+')';
    pic.style.display = "none";
    }
    </script>
        </head>
    <body> <div id="box" style="position:absolute; display:inline;border:1px solid gray;">
    <div id="left" class="left" onClick="javascript:alert('left')"></div>
    <div id="right" class="right" onClick="javascript:alert('right')"></div>
    <img src="d.jpg" onload="fix()" id="pic" class="pic"/>
    </div>    </body>
    </html>