Quando você move o mouse sobre o texto webpage, uma das duas coisas podem acontecer : nada ou algo que chama a atenção. Os desenvolvedores da Web usam JavaScript e folhas de estilo em cascata para criar uma variedade de efeitos de sobreposição visuais que entreter e informar -nos . Por exemplo, mover o mouse sobre "Informação" pode sublinhar essa palavra. Isso permitiria que um usuário saiba que ele poderia clicar na palavra para obter mais informações. Quando usado com moderação e de forma adequada, efeitos de sobreposição de texto melhorar a experiência de navegação , fornecendo feedback visual e dirigir a atenção para os elementos da página importantes. Efeitos CSS Hover
O efeito mais simples rolagem de texto requer nenhuma codificação . Todos os navegadores suportam pelo menos uma variação deste estilo atributo Folha hover. Esta é uma classe "pseudo " . O código a seguir adiciona uma pseudo classe a todos os links em uma página :
a.MyLinks : hover {color : blue; background-color : red; font- weight: bold ;}
Quando um usuário move o mouse sobre um link , o link exibe as propriedades definidas na definição de classe.
efeitos Javascript
desenvolvedores da Web invocar funções JavaScript para alterar a aparência de elementos de texto . Elementos de texto incluem parágrafos, recipientes div e títulos. Para chamar uma função JavaScript quando ocorre um capotamento , referência à função na tag HTML do elemento do texto. A etiqueta a seguir chama a função JavaScript " changeText " quando um usuário move o mouse sobre o título:
Este é um título ;
a função JavaScript irá receber o elemento título e mudar sua cor, tamanho, fonte, decoração de texto e outras propriedades de estilo. Muitos navegadores permitem que o JavaScript para modificar a opacidade de um elemento e transparência. Os desenvolvedores também animar texto, alterando o valor de localização do elemento do texto ao longo do tempo usando o setTimeOut e funções setInterval .
Efeitos DOM
desenvolvedores da Web usam o Document Object Model (DOM ) para modificar os elementos de páginas web . Efeitos de texto DOM exigem mais codificação e conhecimento sobre HTML web , CSS e JavaScript. Usando o DOM , os desenvolvedores mudar de um elemento de texto aparência , localização na página e até mesmo o conteúdo do texto. O comando " document.getElementById " é um dos comandos mais importantes disponíveis para manipular o DOM. Utilize este comando para recuperar uma referência a um elemento de texto . Uma vez recuperada, alterar propriedades DOM do elemento para atingir o efeito desejado . Por exemplo, alterar o conteúdo do texto , modificando propriedade " innerHTML " do elemento. Mude a aparência do elemento , alterando a propriedade " outerHTML " .