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>
js实现鼠标移到图片显示文字的评论条评论