A div é um objeto dentro do modelo de objeto de documento ( DOM) da página exibida na janela do navegador . Ele tem um identificador (id) string única . É um recipiente bloco para outros objetos e pode ser escondida ou visível. Ele também pode ser movido para a posição seleccionada dentro da área de exibição do navegador . O objeto div tem um conjunto de seletores associados com sua seqüência de ID e as propriedades desses seletores podem ser modificados usando o código java- script. Coisas que você precisa
editor de texto.
Browser .
Mostrar Mais instruções
1
Abra um novo documento no editor de texto . Salve o arquivo como
2
código de cabeçalho Write documento
< DOCTYPE html PUBLIC " " use_id.html . " - . ! //W3C //DTD XHTML 1.0 Strict //PT "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns = " http://www .w3.org/1999/xhtml " >
Use div com JavaScript < conteúdo meta = "text /html; charset = UTF-8 "
< estilo de código estilo http -equiv = " Content-Type " />
3
Write documento. type = "text /css" >
# myDiv
{
position: absolute ;
z -index: 0;
visibilidade : visível;
top : 10EM ;
esquerda : 10EM ; largura
: 10EM ;
altura
: 5em ;
border : 2px solid # ccc ;
-moz- border-radius : 0.5em ;
-webkit- border-radius : 0.5em ;
text-align : center;
}
# msg
{
color: white ;
fundo
: verde
}
4
documento Escrever código JavaScript .
< /head>
5
Write documento de código corpo
Touch Me !
< /div >
6
Abra este arquivo no browser . Mova o ponteiro do mouse sobre a área de div , e ele vai passar para uma nova posição dentro da área de exibição do navegador e exibir uma mensagem nova. ,