要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var link1 = new Image();
var link2 = new Image();
var link3 = new Image();
link1.src = "http://www.jojoo.net/include/1.jpg";
link2.src = "http://www.jojoo.net/include/2.jpg";
link3.src = "http://www.jojoo.net/include/3.jpg";
function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
// End -->
</script>
第二步：把如下代码加入到<body>区域中
<center>
<table border=1>
<tr><td>
<center>
<h2><font size="3">请选择链接</font></h2>
</center>
<p>
<li><a href = "http://www.jojoo.net/bb/" onmouseover = "doButtons('link1')">FF9_6
<p>
</a>
<li><a href = "http://www.jojoo.net/ts/" onmouseover = "doButtons('link2')">FF9_7
<p>
</a>
<li><a href = "http://www.jojoo.net/sc" onmouseover = "doButtons('link3')">FF9_8
<p>
</a><td>
<img name=picture src="http://www.jojoo.net/logo.gif" width=440 height=300 border=0></td>
</tr>
</table>
</center>
减小字体
增大字体
