Question

给DIV添加鼠标经过事件,要怎么写？

1：<div onmouseover="" class="div_pho">

2： <img width="180" height="180"
3： src="${requestScope.path }/${map.pho_name}" />
4： <br/>
5： ${map.pho_oldname}
6: <br> </br>

</div> 我想实现 当鼠标经过这个DIV的时候 在第6行 <br> </br>弹出一个"删除"超链接请问 要怎么写啊？？

Answer 1

<span onmouseover="document.getElementById('div1').style.display='block'" onmouseout="document.getElementById('div1').style.display='none'">文字 </span>
<div id="div1" style="display:none;" onmouseout="this.style.display='none'" onmouseover="document.getElementById ('div1').style.display='block'"><a href="#">删除</a></div>

Answer 2

<script language="javascript"> function zone(sid){document.getElementById(sid+"_link").style.display="block";}function zone2(sid){document.getElementById(sid+"_link").style.display="none";}</script>1：<div id="zone1" onmouseover="zone(this.id);" onMouseOut="zone2(this.id);" class="div_pho">

2： <img width="180" height="180"
3： src="${requestScope.path }/${map.pho_name}" />
4： <br/>
5： ${map.pho_oldname}
6: <br><div id="zone1_link" style="display:none;"><a href="#">删除</a></div> </br>

</div>