Ir para conteúdo

POWERED BY:

Arquivado

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

Moises de Oliveira

Mudar cursor ao passar em cima de uma DIV

Por , em Javascript

Recommended Posts

Moises de Oliveira    0

Moises de Oliveira
Postado

Muito boa noite a todos. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Bom, tenho uma div na minha página pessoal que ao passar o cursor sobre ela, o mesmo deve mudar para um cursor estilizado que eu mesmo farei.

No caso, se fosse mudar para um cursor do sistema, eu faria pelo CSS óbviamente, porém não sei como fazer isso da maneira que descrevi acima.

 

Forte Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

very easy

 

rsrsrs, so tem de colocar um icone no mesmo diretorio e fazer o seguinte

 

 

IMPORTANTE:

 

no css tem lá cursor/redarrow.cur cursor nao é a pasta é para poder funcionar no FF, Opera, Safary ´s tem de alterar

redarrow para o nome do seu icone ou seja a estrutura fica assim

 

.troca{cursor: url(seucursor.cur), url(cursor/seucursor.cur), default}

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.troca{cursor: url(redarrow.cur), url(cursor/redarrow.cur), default}
</style>
<script>
function alterar(){
x=document.getElementById("custom")
x.onmouseover=function(){document.body.className="troca"}
x.onmouseout=function(){document.body.className=""}
}

window.onload=alterar
</script>
</head>

<body>
<div style="width:500px;height:500px; background-color:#ff0000" id="custom"></div>
</body>
</html>

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