Antes do lançamento do navegador IE5.0 da Microsoft, o maior desafio na programação da web era que não era fácil criar componentes para alcançar o objetivo da reutilização do código e do compartilhamento de várias páginas. Esse problema tem sido atormentar programadores da Web no DHTML (HEML dinâmico). Eles só podem repetir o código HTML, CSS e JavaScript para satisfazer funções duplicadas ou similares em várias páginas. Essa situação foi aprimorada desde o lançamento do navegador IE5.0. Ele nos traz um novo método de combinação de instruções que pode encapsular o código que implementa funções específicas em um componente, realizando reutilização de código de várias páginas e trazendo programação da Web para um mundo totalmente novo. Essa nova tecnologia é o "comportamento" do DHTML sobre o qual vamos falar.
Aqui está um pequeno exemplo que fiz:
font_effect.htc
O código é o seguinte:
/////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////
// Adicione quatro eventos do mouse ao "comportamento"
<Public: ATPLEVENT = "OnMouseOver" Onevent = "Glowit ()"/>
<Public: ATPLEVENT = "OnMouseOut" Onevent = "Noglow ()"/>
<Public: ATPLEVENT = "OnMousedown" Onevent = "Font2yellow ()"/>
<Public: ATPLEVENT = "OnMouseUp" Onevent = "Font2Blue ()"/>
// define dois métodos para "comportamento", observe que o valor do nome não pode ser adicionado com colchetes
<Public: métodname = "move_down"/>
<Public: MethodName = "Move_right"/>
<scriptLanguage = "jscript">
// Defina uma variável que salva a cor da fonte
varfont_color;
// Defina um método para mover o texto para baixo
functionMove_down ()
{
element.style.postop+= 10;
}
// define o método de mover o texto para a direita
functionMove_right ()
{
element.style.posleft+= 10;
}
// Defina a função de chamada do evento OnMouseUp do mouse
functionFont2Blue ()
{
if (event.srcelement == element)
{
element.style.color = "azul";
}
}
// Defina a função de chamada do evento OnMousedown
functionFont2yellow ()
{
if (event.srcelement == element)
{
element.style.color = "amarelo";
}
}
// Defina a função de chamada do evento OnMouseOver do mouse
functionGlowit ()
{
if (event.srcelement == element)