terça-feira, setembro 18, 2007

Alterar Opacidade - Transparência

Como os navegadores se comportam de maneiras diferentes, o ideal é criar funções JavaScript para realizar as alterações no objetos da página. Um exemplo legal é este para alterar a opacidade do objeto:

function setOpacity(id,valor) {
document.getElementById(id).style.opacity = valor/10;
document.getElementById(id).style.filter = 'alpha(opacity=' + valor*10 + ')';
}

Aí você chama a função passando os parâmetros 'id' do objeto passivo a ação e um número de 0 a 10 para a nova opacidade.

setOpacity('content',3);


Assim a div de id 'content' fica com 30% de visibilidade.

Nenhum comentário: