Eksempel 13-6: Universalscript til mange rollovers
Det ser du på skærmen:
HTML-kildekoden
<a href = "#" onmouseover="imgon('img1')" onmouseout="imgoff('img1')"> <img src="pix/img1off.jpg" alt="" name="img1" id="img1" width="40" height="42" border="0"></a> <a href = "#" onmouseover = "imgon('img2')" onmouseout = "imgoff('img2')"> <img src="pix/img2off.jpg" alt="" name="img2" id="img2" width="40" height="42" border="0"></a> <a href = "#" onmouseover = "imgon('img3')" onmouseout = "imgoff('img3')"> <img src="pix/img3off.jpg" alt="" name="img3" id="img3" width="40" height="42" border="0"></a> <a href = "#" onmouseover = "imgon('img4')" onmouseout = "imgoff('img4')"> <img src="pix/img4off.jpg" alt="" name="img4" id="img4" width="40" height="42" border="0"></a>
JavaScript kildekoden:
<script type="text/javascript"> <!-- var img1on = new Image(); img1on.src = "pix/img1on.jpg"; var img2on = new Image(); img2on.src = "pix/img2on.jpg"; var img3on = new Image(); img3on.src = "pix/img3on.jpg"; var img4on = new Image(); img4on.src = "pix/img4on.jpg"; var img1off = new Image(); img1off.src = "pix/img1off.jpg"; var img2off = new Image(); img2off.src = "pix/img2off.jpg"; var img3off = new Image(); img3off.src = "pix/img3off.jpg"; var img4off = new Image(); img4off.src = "pix/img4off.jpg"; function imgon(imgName) { document[imgName].src = eval(imgName + "on.src"); } function imgoff(imgName) { document[imgName].src = eval(imgName + "off.src"); } //--> </script>
JavaScript kildekoden er indsættes i
<head>
-delen af dokumentet.