Home  Fórum  Sobre  Contato 

Categorias

  • ClubePC (13)
  • Desenvolvimento (34)
    • AJAX (2)
    • HTML-CSS (15)
    • Javascript (4)
    • MySQL (5)
    • PHP (16)
      • Aprendendo PHP (6)
    • Scripts (4)
  • Designer (39)
    • CG (12)
      • 3ds Max (6)
    • Photoshop (18)
  • Diversos (24)
  • Download (53)
  • Games (20)
  • Guia de Compra (2)
  • Hardware (7)
  • Humor (11)
  • Internet (31)
    • Blogs (3)
    • Firefox (8)
  • Notícias (33)
  • Rapidinha (5)
  • Softwares (45)
  • Windows (33)

Posts antigos

July 2010
M T W T F S S
« Jun «-»  
 1234
567891011
12131415161718
19202122232425
262728293031  
  • Links

    • Contato
    • Efeito Azaron
    • Inexistent Man
    • MeioBit
    • Site da Morróida
    • Sorcery Quest

Site Meta

Syndicate this site using RSS 2.0The latest comments to all posts in RSS 2.0
  • Register
  • Log in

Artigos por e-mail

Receba por e-mail todos os artigos de nosso site.

Digite o seu e-mail:

Distribuido por FeedBurner

Oct-07 26

Marquee e seus atributos

Enviado por: Thales RB. .     7 comentários.     Categorias: HTML-CSS

Acho que qualquer um que conheça html, deve conhecer o comando marquee<marquee></marquee>, ele serve para dar um efeito de movimento ao texto, só que ele tem uma serie de atibutos, para deixar melhor esse efeito, aqui vai um lista com alguns dos atributos dele:

behavior: tipo de movimento ex: scroll, slide

loop: quantidade de vezes que o conteudo irá “rodar”

direction: direção que o conteudo se moverá, ex: left, right, top, bottom
height e width: dimensões da area de movimento
scrollamount: velocidade do movimento
scrolldelay: tempo que o conteudo ficara oculto

e uma função muito interressante, que pode ser usada, nesse comando, é o onmouseover, onmouseout que permite ao passar do mouse parar o movimento.

E aqui um exemplo, com todos os atributos, sendo usados:


<marquee behavior="scroll" direction="left" loop="10"
height="150" width="150" scrollamount="2" scrolldelay="10"
onmouseover="this.stop()" onmouseout="this.start()" align="left">
aqui pode ter um texto, mas ficaria melhor com imagens
</marquee>

e o resultado será esse:


aqui pode ter um texto, mas ficaria melhor com imagens, e ao parar o mouse sobre ele ele pausa o movimento

Para textos em linha, eu acho feio esse efeito, mas com imagens, ele fica perfeito, principalmente para algo como, uma galeria de parceiros, o que permite, ter uma area pequena, mas com muitas imagens.

Não me servio pra nadaTalvez algum dia eu useValeu a pena saberVou usar issoOtimo! Sempre quis saber isso (7 votos. Média: 4.29 de 5)
Loading ... Loading ...
   4,318 visualizações

Tags: HTML, tags-HTML

Leia também

  • Tornar o texto de um radio/checkbox clicavel
  • Listagem de comandos do HTML
  • Tabela de acentos e caracteres especiais do HTML
  • Formatação de textos HTML, com editor WYSIWYG
  • Como fazer formulários em HTML/PHP

Tabela de acentos e caracteres especiais do HTML »« Table Layout Vs. Tableless

Felipe
Comment on May 14th, 2008.

Caraio muto foda, tava precisando de um código assim me ajuda pakas…vlw..

Flavio
Comment on August 6th, 2008.

Opa. Tem como aplicar isso ao corpo de um e-mail?

Thales RB
Comment on August 9th, 2008.

se o email aceitar comandos htmls vc pode usar isso
mas creio que a maioria dos emails não aceita isso…

BV
Comment on August 20th, 2008.

Voce e bv?

Bri
Comment on October 3rd, 2008.

Oi! Não consigo fazer com que minhas imagens fiquem uma ao lado da outra; o movimento eh para a esquerda, mas as imagens aparecem em uma coluna e movimentam-se para a esquerda; eu queria q aparecessem lado a lado para a esquerda… :(

Thales RB
Comment on October 5th, 2008.

vc está colocando
entre cada imagem ??
se estiver o br serve para pular de linha…

EMILI CRISTINA PEREIRA DE OLIVEIRA
Comment on July 3rd, 2009.

GOSTEI MUITO DA AJUDA QUE TIVE ATRAVÉS DESTE SITE, POIS AINDA ESTOU NOS PRIMEIROS PASSOS NESTA ÁREA DE CRIAÇÃO DE PAGINAS. GOSTARIAS DE OBTER MAIS INFORMAÇÕES ATRAVÉS DESTE SITE, POIS ELE É ÓTIMO, TALVEZ ATÉ UM DOS MELHORES QUE ENCONTREI. EMILI CRISTINA.

Deixe um comentário

Os campos nome e e-mail são obrigatorios(o e-mail não será exibido), a URL é opcional.

Os comentários podem ter os seguintes comandos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>







Mais visualizados

  • Download Vray 1.5 para 3ds Max - 114,830 views
  • Emulador Nintendo DS &#8211; No$GBA - 94,534 views
  • Pacote de fontes Graffiti - 85,425 views
  • Instalar o Windows XP em Hds SATA - 53,708 views
  • Como fazer formulários em HTML/PHP - 52,873 views
  • Download Photoshop CS3 - 49,280 views
  • Detonado &#8211; Castlevania: Portrait of Ruin &#8211; NDS - 48,065 views
  • Download de modelos de carros para o 3ds Max - 46,474 views
  • Com o Windows Vista instalado como instalar o XP - 45,298 views
  • Detonado &#8211; Castlevania Order of Ecclesia &#8211; NDS - 43,772 views

Comentários Recentes

  • CASTLEVANIA disse: o iten new york steak eu usei ele para o nest of evil tem outro canto pra achar ele? por q sem ele nao fasso a quest build your strengh 2 eu tava...
  • Geison Soares disse: A Thales a respeito do meu comentário anterior devo-lhe dizer que estou jogando no computador atravéz de um emulador de nds,ok.Parabéns pelo...
  • Geison Soares disse: Fala Thales,po irmão aconteceu o seguinte comigo,quando eu cheguei em praticamente uns 80% do jogo ,perto do drácula e tudo o jogo começou a...
  • Thales RB disse: vc tem que curar elas com a magia sanctuary, que é mais dificil de fazer do que matar elas =D
  • ViniciusSMrt disse: Boa explicação. Exatamentemente o que eu procurava, pois me confudia na hora de usar “#” ou “.”.
  • Maicon disse: aff muito bom mas eu queria mesmo e criar uma partiçao com o vista starter e outra partiçao com XP
  • Taylor disse: Olá também estou com o mesmo problema…não consigo abrir os modelos, dá erro… sou iniciante no 3dmax, se alguem tiver alguma dica…
  • jaisson disse: muito maneiuro cara valeu mesmo foi de muita utilidade. quando puder mande mais!!!!!!!!
  • CASTLEVANIA disse: e sem derrotar ela nao vai pra forest of doom
  • CASTLEVANIA disse: ei quando a pessoa for derrotar stela te mq curar ela? ou so derrota? por q vc falo pra curar as duas eu to confuso mano responde aew por favor. flw

Tags

3ds Max 3ds Max Basico Aprendendo PHP Brushes ClubePC Computação Grafica CSS CSS-Hacks Designer Detonados Diversos Download Downloads Firefox Fontes Games Google Hardware HTML Humor Icones Internet Internet Explorer Javascript Jogos-PC Microsoft MySQL mysql-basico NDS Notícias Office Photoshop PHP PHP Basico Portable Rapidinha Script Sobre Softwares tags-HTML Wallpapers Windows Windows-Vista Windows-XP WordPress
eXTReMe Tracker