文字图片切换代码.

来源：百度知道 编辑：UC知道 时间：2024/09/22 07:27:43
上面是图.下面为文字.
文字暂定5行.
每行对应一图.
鼠标选到哪项文字就切换相对图片.
需要可以自主添加和修改图片,文字的个数.大小.位置.

<style>
a:link,a:visited {
font-family: "宋体";
font-size: 12px;
color: black;
text-decoration: none;
}
a:hover
{
font-family: "宋体";
font-size: 12px;
color:red;
text-decoration: none;
}
img{border:none}
</style>

<div id="imgdiv">
<a href="该默认图片的链接页面"><img width="你需要的图片宽" height="你需要的图片高" src="你需要默认显示的图片路径"></a>
</div>
<div id="txtdiv">
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第1行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第2行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第3