disign.it | Opacita attraverso javascript | a digital sign for a best design!
A digital sign for a best design
Javascript 3.638 visualizzazioni

Opacita attraverso javascript

10/06/2011

Un piccolo esempio di come sia possibile modificare l'opacità di un elemento (nell'esempio un div) attraverso l'utilizzo di javascript il calssico getElementById. E' uno script minimale, di base, ma che può esser arricchito e impelmentato facilmentte!

Qui l'esempio, questo il codice:

 

script type="text/javascript"
           
function colora(ob) {
document.getElementById(ob).style.opacity='100';
document.getElementById(ob).style.filter='alpha(opacity=100)';       
document.getElementById(ob).innerHTML = 'ATTIVO';   
}

function disattiva(ob) {
document.getElementById(ob).style.opacity='40';
document.getElementById(ob).style.filter='alpha(opacity=40)';       
document.getElementById(ob).innerHTML = 'RIPOSO';   
}

/script

 

a onmouseover="colora('rosso')" onmouseout="disattiva('rosso')" href="javascript:;" riposo /a

 

div id="rosso" style="width: 200px; height: 200px; line-height: 200px; background:  red; opacity: 0.4;" riposo /div

 

← Karl Lagerfeld. Percorso di lavoro, di Sandro Fogli Mac OS X Lion →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.