A utilização da tag HTML <marquee> com a alteração de conteúdo e cores dos elementos em tempo de execução

Olá pessoal.

Hoje irei mostrar a utilização da tag HTML <marquee> junto com a alteração de conteúdo e cores dos elementos em tempo de execução.

Também será apresentado a propriedade innerHTML do Javascript Puro que é utilizada para alterar o conteúdo HTML dentro de uma tag especificada.

O objetivo da tag <marquee> é fazer com que quaisquer outros elementos HTML que tiverem dentro dessa tag seja deslocados da direita para esquerda progressivamente criando uma animação. Essa tag é raramente utilizada hoje em dia devido aos inúmeros recursos que o HTML5 pode nos proporcionar. Mas ela ainda pode ser muito útil em alguns casos.

A propriedade innerHTML do Javascript Puro foi utilizada para alterar o texto existente dentro da tag <label> quando o botão "Alterar" for clicado.

As cores dos elementos são alteradas através da mudança das classes CSS utilizando as funções setAttribute no Javascript Puro e prop no jQuery.

Bem então chega de blá blá blá e vamos ver os resultados dessa brincadeira:

(Neste exemplo foi usado Javascript Puro.)


(Neste exemplo foi usado jQuery 2.1.3 .)


Dúvidas, sugestões e elogios adicione comentários.
Até a próxima

Referências:
Fundação jQuery, jQuery API. Disponível em: <http://api.jquery.com/> Acesso em 2 de agosto de 2015.

Nenhum comentário:

Postar um comentário