html-83

Gestão Hospitalar

•

FAM

0

Lig Esfiha

15/09/2023

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Gestão Hospitalar

20.052 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Acrescente entre os atributos do marcador <BODY> o atributo: 
onmousemove="cursor()" . 
 
Então o marcador <BODY> do arquivo ficará mais ou menos assim: 
<BODY onmousemove="cursor()" > 
E por último insira em qualquer lugar do arquivo de preferência quase no fim, antes de 
</BODY> a chamada para o arquivo imagem.gif, que irá seguir o cursor 
incansavelmente. 
<IMG id= ”trail” style= " VISIBILITY : hidden" src= "imagem.gif" width= "valor" 
height= "valor" > 
De preferência para imagens pequenas para se colocar no cursor. Imagens muito 
grandes podem tampar o conteúdo da página. Altere o valor de WIDHT e HEIGTH 
conforme o tamanho da imagem que vai ser usada. 
 
Cuidado ao usar este tipo de efeito para incrementar sua página porque ele pode acabar 
torrando a paciência do internauta que ao movimentar o cursor tem esse objeto 
atrapalhando ou distraindo sua atenção. 
 Criando um Menu CSS: 
Cole o estilo CSS abaixo dentro dos marcadores <head></head> : 
 
<style type= "text/css" > 
body { 
 background : #FFFFFF; 
 font-size : 1.25ex ; 
 font-family : arial,helvetica,freesans,sans-serif ; 
 margin : 5px 0px 5px 5px ; 
} 
html>body { 
 background : #FFFFFF; 
 font : x-small arial,helvetica,freesans,sans-serif ; 
 margin : 5px 0px 5px 5px ; 
 padding : 0; 
} 
a { 
 text-decoration : none ; 
 display : block ; 
 color : #000000 ; 
 font-weight : normal ; 
 font-family : arial,freesans,helvetica,sans-serif ; 
} 
* { 
 padding : 0; 
 margin : 0; 
} 
#menu { 
 width : 14.2em ; 
 border-top : 1px solid red ; 
 background-color : #CCCCCC; 
position : absolute ;