Este artículo describe el método de JS para lograr el efecto intermitente constante de hacer clic en el texto correspondiente a la capa DIV. Compártelo para su referencia. El análisis específico es el siguiente:
A menudo vemos este efecto en muchos sitios web de entretenimiento. Haga clic en el texto en un cuadrado en la página web, y luego todo el cuadrado sigue parpadeando. Es un efecto dinámico muy bueno y puede atraer fácilmente la atención de los clientes. Este código se da cuenta de este efecto. Después de hacer clic en un cuadrado, el cuadrado parpadeará.
Copie el código de la siguiente manera: <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JS se da cuenta de hacer clic en el texto correspondiente al flashing de la capa div </title>
<style type = "text/css">
#box {posición: absoluto; superior: 50%; izquierda: 50%; color: #ffff; ancho: 200px; altura: 200px; fondo: rojo; cursor: pointer; letra-espacio-espacio: 5px; text-align: centro; fuente: 12px/200px arial; margen: -100px 0 -100px;}
</style>
<script type = "text/javaScript">
Window.Onload = function ()
{
var obox = document.getElementById ("box");
VAR TIMER = NULL;
OBOX.OnClick = function ()
{
var i = 0;
ClearInterval (temporizador);
timer = setInterval (function () {
obox.style.display = i ++ % 2? "Ninguno": "bloque";
i> 6 && (ClearInterval (temporizador))
}, 80)
}
};
</script>
</ablo>
<Body>
<div id = "box"> wulin.com recuerda: si te atreves a hacer clic en mí, me atrevo a flashear </div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.