鼠标滑过文字,显示隐藏的div,离开后div隐藏

来源:互联网 发布:校园网络建设招代理 编辑:程序博客网 时间:2024/05/17 22:15
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>Document</title> </head><script type="text/javascript">function display1(tNum){document.getElementById('yc'+tNum).style.display='block'document.getElementById('lc'+tNum).style.display='none'}function display2(tNum){document.getElementById("yc"+tNum).style.display='none'document.getElementById('lc'+tNum).style.display='block'}</script> <body> <table>   <tr> <td>ssssss <td>  <td>4556454 <td> <td><div ><span id="yc1" style="display:none">     <p>隐藏的文字... </p>     <a onmouseover="display2(1)" href="#">关闭</a></span><span id="lc1">      <a onmouseover="display1(1)" href="#">20</a></span></div></td> </tr> </table></body></html>

0 0
原创粉丝点击