Rogério Lino

Posts Tagged ‘CSS

Javascript: Jump Menu

Posted by: Rogério Alencar Lino Filho on: 14 Março, 2008

Uma grande maioria dos desenvolvedores web não gostam cara padrão dos Jump Menus. Então por que não fazer um?
Pensando assim que fiz um script para gerar um Jump Menu, ou ComboBox se prefirir. Ele é composto por uma <div> (para moldura), uma <span> (para servir como rótulo) e uma lista não-ordenada de links (<ul>).
Para usá-lo, [...]

Javascript: Rate this

Posted by: Rogério Alencar Lino Filho on: 18 Fevereiro, 2008

Quem nunca viu aquelas “5 estrelas” logo após algum artigo, foto, etc?
Pois então, esse script cria uma sequência de links (<a>) de uma quantidade pré-definida para que o visitante possa taxar, classificar, o conteúdo da página. Seu visual é totalmente customizável através de folhas de estilos (CSS).
O código está contido na própria página do [...]

Javascript: Fade in, Fade out

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, [...]

Javascript: Shake Text

Posted by: Rogério Alencar Lino Filho on: 20 Dezembro, 2007

Mais um exemplo em Javascript, agora uma função, creio que conhecida por muitos já, que tem a finalidade de embaralhar o texto contido em uma tag qualquer (embaralhar o texto após passar o mouse por cima).
Há duas maneiras de usá-la, uma aplicando em apenas uma tag o evento, e a outra, aplicando o evento a [...]

Javascript: Code Syntax Highlight

Posted by: Rogério Alencar Lino Filho on: 23 Novembro, 2007

Algo que qualquer editor que se prese tem que ter é a capacidade de facilitar a leitura do código utilizando o que se chama Syntax Highlight . O ato de distinguir partes do código com cores diferentes ajudando assim a uma melhor associação do mesmo.O que não ocorria na web até um tempo atrás, quando [...]


Categorias