Perdona la tardanza estuve algo ocupado
creo que es completamente funcional
hace una imagen gif para cada una de las existentes con el fondo cambiante y las imágenes estáticas poneles mismo nombre solo que .gif ej. tendrías top1.png y top1.gif y así
el código
Código:
<html>
<head>
<script type="text/javascript">
imagen1=new Image
imagen1.src="top1.png"
imagen2=new Image
imagen2.src="top1.gif"
imagen3=new Image
imagen3.src="top2.png"
imagen4=new Image
imagen4.src="top2.gif"
imagen5=new Image
imagen5.src="top3.png"
imagen6=new Image
imagen6.src="top3.gif"
function cambiar () {
a = document.getElementById("texto").value;
if (a=="30000000" | a=="3000000" | a=="300000"| a=="30000"| a=="3000") {document.images['top1'].src=imagen2.src}
else if (a=="444444444" | a=="4444444" | a=="444444"| a=="44444"| a=="4444") {document.images['top2'].src=imagen4.src}
else if (a=="47000000" | a=="4700000" | a=="470000"| a=="47000"| a=="4700") {document.images['top3'].src=imagen6.src}
else { document.images['top1'].src=imagen1.src;
document.images['top2'].src=imagen3.src;
document.images['top3'].src=imagen5.src;
}
}
function popupenter(e) {
tecla = (document.all) ? e.keyCode : e.which;
a = document.getElementById("texto").value;
if(a=="30000000" | a=="3000000" | a=="300000"| a=="30000"| a=="3000" && tecla==13){
window.open('index1.html','','width=200,height=200 ');
cambiaruno()
}
if(a=="444444444" | a=="4444444" | a=="444444"| a=="44444"| a=="4444" && tecla==13){
window.open('index2.html','','width=200,height=200 ');
cambiardos()
}
if(a=="47000000" | a=="4700000" | a=="470000"| a=="47000"| a=="4700" && tecla==13){
window.open('index3.html','','width=200,height=200 ');
cambiartres()}
}
</script>
</head>
<body onKeyup="cambiar()">
<input type="text" id="texto" maxlength="8" onKeyUp="popupenter(event);">
<div id="uno"style="height: 67px; width: 78px;"> <img src="top1.png" name="top1" width="78" height="67"></div>
<div id="dos" style="height: 67px; width: 78px;"><img src="top2.png" name="top2" width="78" height="67"></div>
<div id="tres"style="height: 67px; width: 78px;"><img src="top3.png" name="top3" width="78" height="67"></div>
</body>
</html>
cualquier cosa dime