谁能做一个这样的选择框框？(不是表单元素的选择框)

用层，click后做个标记，至于颜色，可以用CSS，我想应该可以。有点麻烦啊。

解决方案 »

  1.   

    try this:<html>
    <head>
    <style type="text/css">
    .hilite { background-color:red}
    .lowlite { background-color:white}
    </style><script language="javascript">
    function document.onclick()
    {  if (window.event.srcElement.tagName == "SPAN")
      {
    if (event.srcElement.className == 'hilite')
    event.srcElement.className = 'lowlite';
    else
    event.srcElement.className = 'hilite';
      }
    }function GetSelected()
    {
       var spans = document.all.tags("SPAN");
       for (var i=0; i < spans.length; i++)
    if (spans[i].className == 'hilite')
    alert(spans[i].id + " is selected:" + spans[i].innerText);
    }function SelectAll()
    {
       var spans = document.all.tags("SPAN");
       for (var i=0; i < spans.length; i++)
    if (spans[i].className != 'hilite')
    spans[i].className = 'hilite';
    }function DeselectAll()
    {
       var spans = document.all.tags("SPAN");
       for (var i=0; i < spans.length; i++)
    if (spans[i].className == 'hilite')
    spans[i].className = 'lowlite';
    }</script>
    </head>
    <body>
    <table>
    <tr>
    <td><span id="a">hello</span></td>
    </tr>
    <tr>
    <td><span id="b">world</span></td>
    </tr>
    <tr>
    <td><span id="c">how</span></td>
    </tr>
    <tr>
    <td><span id="d">are</span></td>
    </tr>
    <tr>
    <td><span id="e">you</span></td>
    </tr>
    </table>
    <input type="button" value="Show Selected" onclick="GetSelected()">
    <input type="button" value="Select All" onclick="SelectAll()">
    <input type="button" value="Deselect All" onclick="DeselectAll()">
    </body>
    </html>
      

  2.   

    感谢大家支持，不过，我是希望得到像go2map.com中在地图上画的红框那样的效果，用来选择那些span,还请各位继续支持,谢谢！