学习啦 > 学习电脑 > 电脑硬件知识 > 键盘鼠标 > js实现鼠标移到图片显示文字

js实现鼠标移到图片显示文字

时间: 迪豪910 分享

js实现鼠标移到图片显示文字

爱学习的小伙伴可能都学习过网页设计也对js很了解,但是你知道怎么实现js鼠标移到图片显示文字吗?不知道的话跟着小编一起学习吧。
js实现鼠标移到图片显示文字 具体代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>无标题文档</title>

  </head>

  <body>

  <table width="92%" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

学习啦在线学习网   <td class="baihong_s"> 整形又叫成形,即塑其形也。世之万物,皆有其形。形是审美的基础,也是行使一定功能的必要条件。医生为此进行的修复美化的活动即为整形。再日趋成熟的今天,整形美容已经成为更多爱美人士生活的反映,活动的记录,历史的积沉,形成整形美容文化,它是人们的高级精神生活的追求。是人们认识自己,思考自己,是人精神得以承托的需求。在日趋成熟的社会文化中,整形美容文化正在形成自己的独有的思想理论。</td>

  </tr>

  <tr>

  <td> </td>

  </tr>

  <tr>

  <td bgcolor="#54250d"><table width="100%" height="310" border="0" cellpadding="0" cellspacing="0">

  <tr>

学习啦在线学习网   <td width="310" rowspan="2" align="center" valign="middle"><img src="images/menhua_23.gif" width="310" height="310" /></td>

学习啦在线学习网   <td width="30" rowspan="2" valign="top"> </td>

  <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>

  <td><table width="320" height="250" border="0" align="left" cellpadding="0" cellspacing="0">

  <tr>

  <td height="15"></td>

学习啦在线学习网   </tr>

学习啦在线学习网   <tr>

  <td class="cheng"><a href="">当鼠标指到标题1 左边显示标题1图片</a></td>

  </tr>

  <tr>

  <td class="cheng"><a href="">当鼠标指到标题2 左边显示标题2图片</a></td>

  </tr>

  <tr>

  <td class="cheng"><a href="">当鼠标指到标题3 左边显示标题3图片</a></td>

学习啦在线学习网   </tr>

  <tr>

学习啦在线学习网   <td class="cheng"><a href="">当鼠标指到标题4 左边显示标题4图片</a></td>

  </tr>

  <tr>

学习啦在线学习网   <td class="cheng"><a href="">当鼠标指到标题5 左边显示标题5图片</a></td>

  </tr>

  <tr>

学习啦在线学习网   <td class="cheng"><a href="">当鼠标指到标题6 左边显示标题6图片</a></td>

  </tr>

  <tr>

学习啦在线学习网   <td class="cheng"><a href="">标题6...当鼠标指到标题7 显示标题7图片</td>

  </tr>

  <tr>

  <td class="cheng"><a href="">标题7...当鼠标指到标题8 显示标题8图片</td>

  </tr>

  </table></td>

  <td width="235" align="center" valign="top"><img src="images/menhua_25.gif" width="235" height="88" /></td>

  </tr>

  </table></td>

学习啦在线学习网   </tr>

  <tr>

学习啦在线学习网   <td height="60" align="left"> </td>

  </tr>

学习啦在线学习网   </table></td>

  </tr>

学习啦在线学习网   <tr>

  <td> </td>

  </tr>

  </table>

  </body>

  </html>

1828345