Delicious LinkedIn Facebook Twitter RSS Feed

Cambiar estilos CSS con JavaScript (2)

entre <head> y </head> poner el siguiente código:
<script type="text/javascript">
function cambiar()
{
document.getElementById('par').className = 'invertir'
}
</script>
<style type="text/css">
.estandar {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #ccc;
border: thin ridge #006666;
}
.invertir {
font-family: Arial;
font-size: 8px;
font-weight: bold;
color: #999999;
background-color: #ff0000;
border: thin inset #00CC66;
}
</style>

y este código es lo que cambia:
<p class="estandar" id="par">
Poner lo que quieras y adaptar el código css a su gusto.
</p>

Ver ejemplo:

0 comments:

Post a Comment