Posted by: Rogério Alencar Lino Filho on: 15 Janeiro, 2008
Um efeito muito legal de transição é o fade, aonde o objeto surge gradativamente (in) ou some (out). Com o auxílio do CSS, definido pelo próprio javascript, usando opacity (alpha) conseguimos montar um exemplo.
Passando dois parâmetros a gente define o alvo (id do elemento HTML) e o tempo de demora da execução do efeito.
Ex.:
fadeOut(id, time)
fadeIn(id, [...]
Posted by: Rogério Alencar Lino Filho on: 21 Março, 2007
Conforme prometido aqui um exemplo de preloader de imagem feito em Javascript:
Clique aqui para visualizar
var bgColor = “#FFFFFF”;
var bgImage = “http://www…/loading.gif”;
var bgRepeat = “no-repeat”;
var bgPosition = “center center”;
var borderWidth = “3px”;
var borderStyle = “solid”;
var borderColor = “#3366FF”;
//
var loadImage = function(w, h, url, target) {
var img = new Image(w, h);
img.src = url;
img.style.visibility = “hidden”;
var molde = [...]
Posted by: Rogério Alencar Lino Filho on: 5 Julho, 2006
CSS (Cascading Style Sheet) são folhas de estilo em cascata.
Pra que servem?
Servem para definir um estilo para o seu documento Web (HTML, XHTLM, por exemplo). Ao invez de você ter que toda hora definir dentro da tag usada os atributos desejados, basta fazer isso uma vez pelo CSS.
Ex.: Se você quer que toda a [...]
