Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
/applications/core/interface/imageproxy/imageproxy.php?img=http://shivans.fotoflog.com.br/1180896161.jpg&key=a5f048b834b9666291f01e4c23c70b99aee28897b9ff4301699fa3bee7b4eff2" alt="Imagem Postada" />
obrigado!
datalhe
tenho duas celulas
a da esquerda tem as setinhas e da direita o link...
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!!!
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!
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! =)
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
Bom, não consegui entender direito o que você precisa... Tem como explicar um pouco mais sua dúvida? :mellow: Abraços!