The code is as follows:

<html>
<head>
<title>DHTML - William M. Pegram</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<style type="text/css">
#t1, #t2 { position: absolute; top: 170px; left: 340px; visibility: hidden }
</style>

</head>

<body>

<blockquote>
<h2>Rollover Displaying Text Elsewhere on Page</h2>
Niederst (p. 376-378, first edition) provides a code sample for multiple rollovers, i.e.
where mouseover over an image causes a change in that image and also a change
in an image elsewhere on the page. With DHTML, we can produce a change in the
text that appears elsewhere in the page.
<p>&nbsp;</p>

<a href="../index.html"
onmouseover="if (document.layers) document.t1.visibility = 'visible';
if (document.all) document.all.t1.style.visibility = 'visible';
if (document.getElementById) document.getElementById('t1').style.visibility = 'visible';"

onmouseout="if (document.layers) document.t1.visibility = 'hidden';
if (document.all) document.all.t1.style.visibility = 'hidden'
if (document.getElementById) document.getElementById('t1').style.visibility = 'hidden';">
<img border="0" src="../Images/Williams_Tollett.gif" width="59" height="90"></a>

<a href="../index.html"
onmouseover="if (document.layers) document.t2.visibility = 'visible';
if (document.all) document.all.t2.style.visibility = 'visible';
if (document.getElementById) document.getElementById('t2').style.visibility = 'visible';"

onmouseout="if (document.layers) document.t2.visibility = 'hidden';
if (document.all) document.all.t2.style.visibility = 'hidden';
if (document.getElementById) document.getElementById('t2').style.visibility = 'hidden';">
<img border="0" src="../Images/imagemap.gif" width="200" height="150"></a>
<div id="t1">Williams and Tollett picture</div>
<div id="t2">Imagemap Picture</div>
</body>
</html>