js 调动层的问题，请高手指教了

Question

<img onmouseover="d1.style.display='';"onmouseout="d1.style.display='none';"></img>
<div id=d1 style=display:none onmouseout="this.style.display='none';">clement</div>

Answer 1

这样明显些~~~<img onmouseover="d1.style.display='';"onmouseout="d1.style.display='none';"></img>
<div id=d1 onmouseout="this.style.display='none';">clement</div>

Answer 2

<span onmouseover="show()" onmouseout="unshow()"><div id="t1">t1</div>
 <div id="t2" style="dispaly:none">t2</div><span>
<script language=javascript>
   function show(){
    t1.style.display="none";
    t2.style.display="block";
}
function unshow(){
    t1.style.display="block";
    t2.style.display="none";
  
}
</script>

Answer 3

<div id=d1 onmouseout="this.style.display='none';">clement</div>
<img onmouseover="d1.style.display='';"onmouseout="d1.style.display='none';"></img>
最好把div放前面,否则页面刷新时如果刚好鼠标在image上面,会报js错误,因为还找不到div