. Это я тока 3 варианта написал чтоб продемонстрировать различные оформления. А вообще у меня вышло 7 различных (можно конечно и больше придумать, но там уже ТАКИЕ извращения пойдут....) 
Код: Выделить всё
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" language="JavaScript">
if (document.images) {
img1on = new Image(); img1on.src = "on.gif";
img1off = new Image(); img1off.src = "off.gif";
}
function SwitchImg(imgName) {
if(document[imgName].src == eval(imgName + "off.src"))
{
if (document.images) {document[imgName].src = eval(imgName + "on.src")};
}
else
{
if (document.images) {document[imgName].src = eval(imgName + "off.src")};
}
}
</script>
</head>
<body>
<a href="#" onclick="SwitchImg('img1');"><img src=on.gif width=37 height=34 border=0 name=img1></a>
</body>
</html>