Imagens, Textos ou Banners Rolando
Um widget muito interessante que descobri recentemente é o código para a utilização de imagens, textos ou banners rolando de baixo para cima. Achei muito legal e bem útil para diminuir o espaço que os banner ocupam no blog.
Quando você posiciona o cursor do mause sobre as imagens ela pára de rolar. Isso é bom, pois, ao contrário, se você não clicasse a tempo teria que esperar ela voltar de novo, heheh.
Abixo, está o código para essa função com as alterações possíveis.
No código abaixo, modifique o seguinte:
De vermelho, determine a altura a largura, respectivamente. |
De verde, a direção: "up" - de baixo para cima "down" - de cima para baixo "up style" - da esquerda para a direita |
De azul, a velocidade do rolamento. |
De laranja, insira os códigos de imagens, textos ou banners. |
<marquee heigth="480" widht="480" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="3">Ou utilize ainda duas outras variações mais simples:
<center>
Código de Imagem, Texto ou Banner.
Código de Imagem, Texto ou Banner.
Código de Imagem, Texto ou Banner.
</center></marquee>
<marquee> Código de Imagem, Texto ou Banner.</marquee>
<marquee height="300" direction="up">Código de Imagem, Texto ou Banner.</marquee>
<center>
<table width="300" heigth="40" valign="middle" border="1">
<tbody>
<tr>
<td>
<marquee>Código de Imagem, Texto ou Banner. </marquee>
0 comentários:
Postar um comentário