15 de mai de 2008

Efeito Marquee para os lados

ATeca do blog Devaneios e Desatinos perguntou-me como fazer com que o conteúdo dentro do efeito marquee corram para o lado uma ao lado da outra. É fácil fofis.

















Veja AQUI o exemplo.

Copie o código e cole em HTML/Javascript.
Onde está em verde é onde você regulará o tamanho da caixinha. Em vermelho é o bendito código que fará com que o conteúdo role lado a lado, portanto, coloque-os sempre entre um elemento e outro.

O código em azul é o sentido em que os elementos da caixinha correrão.


Left----esquerda
Right---direita





<marquee direction="left" onmouseover="this.stop()" width="150" scrollamount="3" onmouseout="this.start()" height="150"><center>
<br/>
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
</center></marquee>




*ATENÇÃO: Se antes dos elementos que você quer colocar dentro do cpodigo tiver os códigos:

<center> <left> <right>

Tire-os, ou não dará certo.

7 comentários:

  1. Passeando descobri seu blog, paraéns pelas dicas mito útil para todos.

    ResponderExcluir
  2. Mas eu não estou conseguindo colocar nem a imagem ne o link, por que tipo eu queria colocar uma imagem e um link para quando alguem clicar fosse mandado para um determinado endereço......

    Como eu coloco as imagens e links para ficarem passando?

    ResponderExcluir
  3. pode responder minha pergunta ai linda?

    PLISS

    ResponderExcluir
  4. parabéns pelo seu blog. Ele tem um conteúdo incrível

    ResponderExcluir
  5. Valeu, sou principiante e adorei as dicas, parabéns, o hbblogando também agradece.

    ResponderExcluir
  6. Muito bom esse gadget com marquee horizontal, mas ele pode ser melhorado permitindo ao usuário além do evento "on mouse over", que paralisa a imagem, acrescentar mais um evento "on click" para que a imagem, depois de paralisada, leve ao link desejado, se clicada.

    Faça isso e seus usuários adorarão mais ainda. Estou meio ocupado agora mas, se vc não tiver tempo de fazer, volto aqui outro dia e explico como.

    Parabéns pelo blog! Já sou freqüentador assíduo.

    ResponderExcluir
  7. Era exatamente o que eu procurava, obrigada!!!
    Bjss

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube