Hola:
Por lo que veo, debe tratarse de un menú o similar, así que aún con mi nueva respuesta te faltará algo...
La idea es usar una variable para guardar el elemento seleccionado:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
http://www.caricatos.net/probador
</title>
<script type="text/javascript">
elegida = "";
</script>
</head>
<body>
<img src="../dibujos/miemoticon.gif" id="img1"
style="background-color: pink; padding: 5em; border: 3px inset blue"
onmouseover="this.style.backgroundColor = 'red'"
onmouseout="if (this.id != elegida) this.style.backgroundColor = 'pink'"
onclick="elegida = this.id"
/>
<img src="../dibujos/miemoticon.gif" id="img2"
style="background-color: pink; padding: 5em; border: 3px inset blue"
onmouseover="this.style.backgroundColor = 'red'"
onmouseout="if (this.id != elegida) this.style.backgroundColor = 'pink'"
onclick="elegida = this.id"
/>
</body>
</html>
Saludos
