Fórum CodigosnaWeb.com

02-05-2007 13:18

Essa imagem deve aparecer onde?
Junto ao cursor ou em alguma parte do documento?

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

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.

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>

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>

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>

Fórum CodigosnaWeb.com

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Aparecer uma imagem ao passar o rato num link

Quem está online