Ir para conteúdo

POWERED BY:

Arquivado

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

Shivans

Onmouse

Recommended Posts

opa boa tarde!

a pergunta e...

como fazer p/ quando passar o mouse a setinha apareca ao lado?

todas estao invisiveis. e quando passar o mouse gostaria q aparecec como fazer?

 

menu

Imagem Postada

 

obrigado!

 

datalhe

tenho duas celulas

a da esquerda tem as setinhas e da direita o link...

Compartilhar este post


Link para o post
Compartilhar em outros sites

entao olha so... essa img eu deixei todas as setinhas viziveis... o que eu quero fazer e assimQuando passar o mouse nos escritos eu quero que apareca as setinhas pq ate entao elas nao aparecem... acho q e so isso amigo!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nesse caso, tem como se fazer isso somente com CSS... Mas você já tem algum código pronto? Se tiver, a gente "mexe" nele... Senão, vou ver o que consigo aqui... Mas os conceitos são simples... Se tiver então algum código desse menu, poste aqui (HTML e CSS)...Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode construir uma função em javascriptcada link tem que ter um id, fica facil se você seguir uma order assim(<a href='#' id='link_1'></a>)link_1link_2link_3.......e as imagens iguais(<img src='caminho' id='img_1' />)img_1img_2img_3em javascriptfunction Menu(numero) { var total = "aqui voce coloca o numero total de itens do menu", exemplo: total = 8; for(var x = 1; x <= total; i++) { //Ele vai pegar todas as imagens que existem com id img_numero e vai escode-las document.getElementById("img_"+i).style.display = 'none'; } //Por fim libera a visualização da última imagem!! document.getElementById("img_"+numero).style.display = "block";}Não sei se seu menu é em <ul></ul> ou em <table></table>é só adicionar o eventoonmouseover="java script:Menu(1)"; //O número é o numero do menu, onde deve corresponder ao link_ e img_Essa é uma solucao em javascriptmas tb da pra fazer em css!!<a href="">LINK <span><img src="minha_imagem" /></span> </a>e define as regrasa { position: relative;}a span { display:none;}a:hover span { display:block; position: absolute; left: 50px;}Define o link como relativo onde o span vai pegar a sua posicao para se posicionar!!inicialmente ele esta escondidoao passar o mouse (:hover)ele se torna visivel! =)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Meu caro Alejandro, para conseguir o que nosso amigo quer não precisa fazer com JS... Com CSS simples é possível... Só estou aguardando um retorno dele com o código que ele está usando para informar como ficaria... Mas caso ele anida não tenha, tudo bem, passo um outro exemplo... Mas quero antes saber se ele já tem ou não o código...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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