: : SCRIPTS HELP : :  O Futuro do Web Design
 

 

 

:: Principal
 :: Downloads
 :: Apostilas
 :: Tutoriais
 :: ASP
 :: CGI
 :: CSS
 :: DHTML

 :: FLASH

 :: JAVA
 :: JAVA APPLET

 :: CURSO HTML
 :: CURSO JAVA SCRIPT
 :: PHP
 :: Destaques
 :: Script do mês


 

 

 :: Concurso
 :: Anuncie

 :: Parceria
 :: Fale Conosco
 :: Tire sua Dúvida

 

 

 

 

 

 

 

 

 

 

 

<<< voltar

:: CSS ::

CSS - MUDANDO O CURSOR


Descrição:
Com este script você poderá escolher o tipo de cursor que irá aparecer na sua página. Para isso basta você copiar um dos códigos desta página e coloca-lo na linha do body ou no objeto que você quiser.

Demo: Passe o cursor do mouse por cima da coluna esquerda da tabela abaixo:

cursor:
auto;
Normal
cursor:
crosshair;
Para precisão; posicionamento
cursor:
default;
O Padrão do sistema, geralmente uma seta
cursor:
hand;
Um objeto clicável
cursor:
move;
Um objeto móvel
cursor:
text;
Selecionar ou editar um texto
cursor:
wait;
O hourglassé para para mostrar que o sistem está ocupado
cursor:
help;
Ajuda
cursor:
e-resize;
Direita
cursor:
ne-resize;
Diagonal Norte - Leste
cursor:
n-resize;
Norte
cursor:
nw-resize;
Diagonal Norte - Oeste
cursor:
w-resize;
Esquerda
cursor:
sw-resize;
Diagonal Sul - Oeste
cursor:
s-resize;
Sul
cursor:
se-resize;
Diagonal Sul - Leste

Atenção: Caso você não conseguir visualizar cursores diferente, é porque você não está usando o IE 4.0 ou superior.


Passo1:
Copie o código abaixo :

<!-- Geek Brasil - O Seu Portal de Informática
WWW.GEEKBRASIL.COM.BR -->
<img src="http://www.geekbrasil.com.br/http://www.geekbrasil.com.br/images/logo.gif" width=30 height=25 alt="Demo" style="cursor: help;">

<!-- Geek Brasil - O Seu Portal de Informática
WWW.GEEKBRASIL.COM.BR -->

Em help, mude para estilo que você escolheu na lista acima (Os estilos estão na cor Branca em Negrito).

Bannerlandia
Bannerlandia