Este artigo descreve o método do JS para alcançar o efeito constante de piscar de clicar correspondente à camada DIV. Compartilhe para sua referência. A análise específica é a seguinte:
Muitas vezes vemos esse efeito em muitos sites de entretenimento. Clique no texto em um quadrado na página da web e, em seguida, todo o quadrado continua piscando. É um efeito dinâmico muito bom e pode atrair facilmente a atenção dos clientes. Este código realiza esse efeito. Depois de clicar em um quadrado, o quadrado piscará.
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 = utf-8" />
<Title> JS percebe clicar em texto correspondente à camada de div, piscando </title>
<style type = "text/css">
#Box {Posição: Absoluto; topo: 50%; esquerda: 50%; cor: #ffff; largura: 200px; altura: 200px; fundo: vermelho; cursor: ponteiro; espaçamento com letra: 5px; alinhamento de texto: centro; font: 12px/200px ARIAL;
</style>
<script type = "text/javascript">
window.onload = function ()
{
var obox = document.getElementById ("caixa");
Var Timer = NULL;
obox.OnClick = function ()
{
var i = 0;
ClearInterval (timer);
Timer = setInterval (function () {
obox.style.display = i ++ % 2? "Nenhum": "bloco";
i> 6 && (ClearInterval (Timer))
}, 80)
}
};
</script>
</head>
<Body>
<div id = "box"> wulin.com lembra: se você se atreve a clicar em mim, ouso piscar </div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.