Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Vida

Conteúdo que movimenta.

Por , em Javascript

Recommended Posts

Lucas Vida    0

Lucas Vida
Postado

Boa tarde amigos,já pesquizei mas ainda não encointrei.Estou prescisando saber como faço pra um conteúdo ficar movendo na tela..."subindo" e passando como se fossem céditos finais de um filme.semelhante a desse site aqui:http://www.balcaomg.com.br/home.asp

 

Agradeço desde já

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Isto pode ser feito om JavaScript, ao invés de XHTML, conforme a recomendação da W3C. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Tópico movido: Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

você pode simplesmente fazer isso com a tag marquee, direction up e com os controlos onmouseover="this.stop()" onmouseout="this.start()"

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body{font-family:Verdana, Geneva, sans-serif; font-size:8pt; color:#06C}
span.title{padding:5px; color:#036}
span.content{padding:5px; color:#333}
</style>
</head>

<body>
<marquee direction="up" scrollamount="2"  onmouseover="this.stop()" onmouseout="this.start()">
<span class="title">produto1:</span><br />
<span class="content">designacao</span>

</marquee>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Só pra constar, marquee é uma tag deprecated não mais valida pela w3c.

 

Mas usar ou não, ai vai de cada um ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

vlw nicolas por esse aviso

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito