Ir para conteúdo

POWERED BY:

Arquivado

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

Ariel

Mouse Over ??

Por , em Javascript

Recommended Posts

Ariel    0

Ariel
Postado

Olá pessoal, preciso da ajuda de vcs...estou precisando encontrar uma forma de fazer com que um TEXTO na pagina, ao ser passado o mouse em cima dele, abra uma caixa de dialogo na tela, como se fosse uma explicacao ...seria algo do tipo mouse over, pelo menos acho ...tipo, a caixa de dialogo nao seria um pop-up, seria algo q aparecesse do lado da palavra e sumisse conforme se mover o mouse... algo semelhante ao q o DAP (gerenciador de downs) faz nos links...alguem ja viu, ou sabe como fazer?Muito obrigado.t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

slack    0

slack
Postado

onMouseOver="this.bgColor='#0099FF onMouseOut="this.bgColor='#FFFFFFMuita coisa já foi perguntada no fórum, não custa nada da uma pesquisada... B)

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Seguinte,Veja se isso ajuda:Abaixo você tem um comando para fazer funcionar o script, como sabe, mude somente o que estiver em vermelho!Este comando abaixo, deve ser colocado antes da tag </head><STYLE TYPE="text/css"><!--BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}//--></STYLE>//abaixo é o comando do posicionamento do <div>, se desejar, pode fazer mudanças a seu gosto, deve ficar apos a tag <body><DIV ID="dek" CLASS="dek"></DIV> <div align="center"> <script TYPE="text/javascript"><!--Xoffset=10; // posição da caixa em relação ao topo do mouseYoffset=-10; // posição da caixa em relação ao canto esquerdo do mousevar nav,old,iex=(document.all),yyy=-1000;if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}if(!old){var skn=(nav)?document.dek:dek.style;if(nav)document.captureEvents(Event.MOUSEMOVE);document.onmousemove=get_mouse;}function popup(msg,bak){var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=red face=verdana SIZE=1><b>"+msg+"</b></FONT></TD></TABLE>";if(old){alert(msg);return;} else{yyy=Yoffset;if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}}}function get_mouse(e){var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;}function kill(){if(!old){yyy=-1000;skn.visibility="hidden";}}//--></SCRIPT> <a href="#" ONMOUSEOVER="popup('O que temos aqui? Um bom script de aviso!', 'white')"; ONMOUSEOUT="kill()">testando isso aqui</a> <br> <br> <a href="#" ONMOUSEOVER="popup('Aqui você altera a descrição do diálogo', 'yellow')"; ONMOUSEOUT="kill()" >teste de outro link</a></div>[]sRodney

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