可以在div内放置图片,用超连接实现~~

解决方案 »

  1.   

    <script language="javascript">
    function drawRect(x1,y1,w,h)
    {
    var sLayer = "";
    sLayer += '<div id=mov1 ';
    sLayer += 'style="border:solid 3px #ff0000;background-color:#ffffff;z-index:2;position:absolute;';
    sLayer += 'top:' + (y1-h/2) + 'px;left:' + (x1-w/2) + 'px;width:' + w + 'px;height:' + h + 'px;';
    sLayer += '" onMouseDown="drawRectOnClick()">';
    sLayer += '&nbsp;';
    sLayer += '</div>';
    document.write(sLayer);
    }
    function drawRectOnClick()
    {
    window.open("http://www.sina.com.cn");
    }
    drawRect(400,260,100,100);
    </script>
      

  2.   

    //用事件实现的方法如下:<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function drawRect(x1,y1,w,h){
    document.getElementsByTagName("BODY")[0].innerHTML += '<div id=mov1 onclick=\"conn(this)\" style="border:solid 3px #ff0000;z-index:2;position:absolute;top:' 
    + (y1-h/2) + 'px;left:' + (x1-w/2) + 'px;width:' + w + 'px;height:' + h + 'px;">&nbsp;</div>';
    }function conn(){
      document.location = "http://www.csdn.net";
    }
    </script>
    </head><body onLoad="drawRect(400,260,100,100)"></body>
    </html>