Botones con imagen de background
Compatibilidad:
Ms Internet Explorer
Clásicos botones de formulario HTML que, cuando el ratón pasa por encima, muestran como background una imagen preimpostada
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> </HEAD> <BODY bgcolor="white"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="23%"><!--webbot bot="HTMLMarkup" startspan --><script> <!-- /* rollover buttons script credit: Website Abstraction (www.wsabstract.com) More free JavaScripts here. Note:Credit must stay intact for use. */ function change2(image){ if (event.srcElement.tagName=="INPUT") event.srcElement.style.backgroundImage="url"+"('"+image+"')" } function jumpto2(url){ window.location=url } //--> </script> <form onMouseover="change2('backgr15.jpg')" onMouseout="change2('')"> <input type="button" value="Esempio 01 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"><br> <input type="button" value="Esempio 02 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"><br> <input type="button" value="Esempio 03 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"> </form> <!--webbot bot="HTMLMarkup" endspan --></td> <td width="77%"><!--webbot bot="HTMLMarkup" startspan --> <form onMouseover="change2('backgr10.jpg')" onMouseout="change2('')"> <input type="button" value="Esempio 04 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"><BR> <input type="button" value="Esempio 05 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"><BR> <input type="button" value="Esempio 06 " style="font-weight:bold" onClick="jumpto2('http://www.htmlpoint.com')"> </form> <!--webbot bot="HTMLMarkup" endspan --></td> </tr> </table> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
[
Baja en un único archivo .zip,
las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]
