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

发布时间:2017-05-16 18:28

爱学习的小伙伴可能都学习过网页设计也对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实现鼠标移到图片显示文字的评论条评论