<div class="displayhelp" onmouseover="add_news()" onmouseout="add_news1()">
 鼠标触发区域。
</div>
<div class="onssover1" id="onssover1" style="display:none">

<div>
<li style=" background:#99CCCC;"><a>*请您填写留言或根据意向选择下列快捷留言*</a></li>
</div>
<li ><a onclick="add_news1_onclick(1)" id="add_1">1111111111。</a></li>
<li  style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"><a onclick="add_news1_onclick(2)" id="add_2">6666</a></li>
<li><a onclick="add_news1_onclick(3)" id="add_3">22222222222</a></li>
<li style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"><a onclick="add_news1_onclick(4)" id="add_4">555555</a></li>
<li><a onclick="add_news1_onclick(5)" id="add_5">3333333333333</a></li>
<li style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"><a onclick="add_news1_onclick(6)" id="add_6">4444444444</a></li>
<li><a onclick="add_news1_onclick(7)" id="add_7">777777777</a></li>
</div>
<script type="text/javascript">
function add_news(){
                                                            
document.getElementById("onssover1").style.display='block';
}
function add_news1(){
                                                    
document.getElementById("onssover1").style.display='none';
}
function add_news1_onclick(id){
var str=document.getElementById("add_"+id).innerHTML;
if(document.getElementById("content").value!="")
{document.getElementById("content").value+="\n"+str;}
else
{document.getElementById("content").value=str;}
}

</script><style>
.displayhelp{
 border:#009999 1px solid; width:400px; height:200px;}</style>

解决方案 »

  1.   


    <div class="displayhelp" onmouseover="add_news()" onmouseout="add_news1(event)"> 
    鼠标触发区域。 
    </div> 
    <div class="onssover1" id="onssover1" style="display:none"> <div> 
    <li style=" background:#99CCCC;"> <a>*请您填写留言或根据意向选择下列快捷留言* </a> </li> 
    </div> 
    <li > <a onclick="add_news1_onclick(1)" id="add_1">1111111111。 </a> </li> 
    <li  style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"> <a onclick="add_news1_onclick(2)" id="add_2">6666 </a> </li> 
    <li> <a onclick="add_news1_onclick(3)" id="add_3">22222222222 </a> </li> 
    <li style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"> <a onclick="add_news1_onclick(4)" id="add_4">555555 </a> </li> 
    <li> <a onclick="add_news1_onclick(5)" id="add_5">3333333333333 </a> </li> 
    <li style="background: rgb(204, 255, 255) none repeat scroll 0% 0%;"> <a onclick="add_news1_onclick(6)" id="add_6">4444444444 </a> </li> 
    <li> <a onclick="add_news1_onclick(7)" id="add_7">777777777 </a> </li> 
    </div> 
    <textarea style="width:80%;height:200px;" id="content"></textarea>
    <script type="text/javascript"> 
    function add_news(){ 
      document.getElementById("onssover1").style.display='block'; 

    function add_news1(evt){
    var pad = document.getElementById("onssover1");
      if(document.all){
        if(pad.contains(event.toElement)) return false;
      }
      else{
       var p = evt.relatedTarget;
       var b = false;
        while(p!=document.body){
          if(p==pad){b=true;break;}
          p = p.parentNode;
        }
        if(b) return true;
      }
      document.getElementById("onssover1").style.display='none'; 
    }
    function add_news1_onclick(id){ 
    var str=document.getElementById("add_"+id).innerHTML; 
    if(document.getElementById("content").value!="") 
    {document.getElementById("content").value+="\n"+str;} 
    else 
    {document.getElementById("content").value=str;} 
    } </script> <style> 
    .displayhelp{ 
    border:#009999 1px solid; width:400px; height:200px;} </style>
      

  2.   

    一般来说,ie8更向标准靠拢,对css和js都有更好支持。我个人体验ie8与ff也更接近。不知道你这里的问题出在哪里,向高手学习。
      

  3.   

    我是来看Firefox5.0的,
    需要时空机吗,
    钱便宜还行,贵了就买不了。
    我很穷呀。