Javascript botones con relieve

Muy buen efecto de relieve aplicado a botones. Realmente vale la pena darle una miradita.

<head>
<script src="ejemplos/coolbuttons.js">
/*
Depressible DHTML buttons (By Erik Arvidsson at [email protected], http://webfx.eae.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
</script>
</head>
<font face="Verdana" size="1">
<body>
<b>Ejemplo1:</b>
Efecto aplicado a una tabla.<br><br>
<table class="coolBar">
<tr>
<td class="coolButton">
<b>Celda 1</b>
</td>
<td class="coolButton">
<b>Celda 2</b>
</td>
</tr>
</table>

<br><br><br>
<b>Ejemplo 2:</b> (usando div and span, con un enlace):<br><br>
<div class="coolBar" style="width:75px">
<span class="coolButton" style="width:75px" onClick="window.location='http://dynamicdrive.com'">
<img src="ejemplos/images.gif"><br>
 <b>Inicio</b></span>
</div>
<br><br>Para poder ver este efecto necesitás descargar el siguiente archivo.<br>
<a href=ejemplos/coolbuttons.js>CoolButtons.js</a> </font>
</body>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>