js實現鼠標移到圖片顯示文字
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>