Demo Dynamic HTML - Botones "clicables" sombreados

Botones "clicables" sombreados

Compatibilidad: Ms Internet Explorer

Explotando las propiedades de las hojas de estilo y la sintaxis Javascript, esta demo te permite crear botones animados sin necesidad de onMouseOver y dobles imágenes. Toda imagen de formato GIF o JPG puede convertirse en un botón "clicable". Si además la imagen es GIF con fondo transparente, se muestra con un sombreado que desaparece cuando se hace clic sobre ella. En conclusión, una demo útil con sólo algunas líneas de código.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

</HEAD>

function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
}
}
}

if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}

</script>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]