Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

02-05-2007 13:18

Essa imagem deve aparecer onde?
Junto ao cursor ou em alguma parte do documento?
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

02-05-2007 15:29

você pode fazer o seguinte:

Crie um estilo CSS tipo:
<style type="text/css">
.link1{
CURSOR: url(cursor.cur);
}
</style>
cursor.cur é a figura q será mostrada quando o cursor passar o mouse sobre o seguinte link:

<a href="http://www." class="link1">link</a>

Lembre-se que se cursor.cur ( imagem ) estiver em um diretório diferente você pode especificar o domínio, ex.:
http://www....../cursor.cur
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

02-05-2007 15:47

Se está usando o Internet Explorer, a figura deve ser:
.cur ( padrão )

No caso do FireFox, parece que não aceita esse tipo de script.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

02-05-2007 15:56

No caso de desejar um script em JavaScript, onde você pode usar figuras em vários formatos, segue o código abaixo.

<a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif')">link 1</a>

<a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif')">link 2</a>

<STYLE TYPE="text/css">
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;}
</STYLE>

<DIV ID="dek" CLASS="dek"></DIV>

<SCRIPT TYPE="text/javascript">
// DISTÂNCIA
Xoffset=1; // distância da ponta do mouse para a figura
Yoffset= -30; // distância do topo para baixo (-valor fica mais alto)

var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg){
var content="<img src='"+msg+"'>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}
</script>
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

02-05-2007 16:16

Ao invés de usar href, use span

se tiver assim:
<a href="...." onMouseover="...">texto</a>

vai ficar assim:
<span onMouseover="...">texto</span>
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer uma imagem ao passar o rato num link

03-06-2007 18:45

É quase o mesmo script acima, veja o código abaixo:

Note que passo o texto pelo link, ai tu coloca o posicionamento correto dentro do código de acordo com seu conteúdo.

<a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif','<br>texto 1')">link 1</a> <a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif','<br>texto 2')">link 2</a> <STYLE TYPE="text/css"> BODY {OVERFLOW:scroll;OVERFLOW-X:hidden} .DEK {POSITION:absolute;VISIBILITY:hidden;} </STYLE> <DIV ID="dek" CLASS="dek"></DIV> <SCRIPT TYPE="text/javascript"> // DISTÂNCIA Xoffset=1; // distância da ponta do mouse para a figura Yoffset= -30; // distância do topo para baixo (-valor fica mais alto) var old,skn,iex=(document.all),yyy=-1000; var ns4=document.layers var ns6=document.getElementById&&!document.all var ie4=document.all if (ns4) skn=document.dek else if (ns6) skn=document.getElementById("dek").style else if (ie4) skn=document.all.dek.style if(ns4)document.captureEvents(Event.MOUSEMOVE); else{ skn.visibility="visible" skn.display="none" } document.onmousemove=get_mouse; function popup(msg,text){ var content="<img src='"+msg+"'>"+text+""; yyy=Yoffset; if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"} if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''} if(ie4){document.all("dek").innerHTML=content;skn.display=''} } function get_mouse(e){ var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft; skn.left=x+Xoffset; var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop; skn.top=y+yyy; } function kill(){ yyy=-1000; if(ns4){skn.visibility="hidden";} else if (ns6||ie4) skn.display="none" } </script>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado