Este artigo descreve o método de implementação de link de texto, link mouse suscitam, para obter efeitos especiais de animação por JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "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 = gb2312" />
<title> JS para alcançar o efeito do mouse de link de texto Efeito prompt de prisão para o efeito de animação </ititle>
</head>
<Body>
<Style type = "text/css">
<!-
.artigo {
Fundo da borda: preto 1px sólido; Border-Ift: Black 1px sólido; Right-direita: Black 1px sólido; Top de borda: preto 1px sólido; Filtro: reveretrans (transição = 23, duração = 0,5) blendtrans (duração = 0,5); Posição: Absoluto; Visibilidade: escondida
; Background-Color: #ffcc00; Top-top: 3px; Right-right: 3px; Botting-Bottom: 3px; Potding-left: 3px}
->
</Style>
<Idioma do script = javascript1.2>
<!-
função show (divid) {
divide.Filters.RevealTrans.Apply ();
divide.style.visibility = "visível";
divide.Filters.RevealTrans.Play ();
}
função hide (divid) {
divide.Filters.RevealTrans.Apply ();
divide.style.visibility = "Hidden";
divide.Filters.RevealTrans.Play ();
}
//->
</script>
<a href = "#" onmouseover = show (aaa) onmouseout = hide (aaa)> wulin.com </a> </div>
<div id = "aaa"> wulin.com </div> <br>
<a href = "#" onmouseover = show (bbb) onmouseout = hide (bbb)> material de material </a> </div>
<div id = "bbb"> material de material </div> <br>
<a href = "#" onmouseover = show (ccc) onmouseout = hide (ccc)> pesquisa de Baidu </a> </div>
<div id = "ccc"> Baidu Search </div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.