disign.it | Opacita attraverso javascript | a digital sign for a best design!
A digital sign for a best design
Javascript 5.186 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

 

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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