Cet article décrit la méthode de JS pour réaliser l'effet clignotant constant du clicage correspondant à la couche div. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Nous voyons souvent cet effet sur de nombreux sites Web de divertissement. Cliquez sur le texte dans un carré sur la page Web, puis tout le carré continue de clignoter. C'est un très bon effet dynamique et peut facilement attirer l'attention des clients. Ce code réalise cet effet. Après avoir cliqué sur un carré, le carré clignote.
Copiez le code comme suit: <! 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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> JS se rend compte du texte en clic correspondant à DIV Layer Flashing </Title>
<style type = "text / css">
#box {position: absolu; top: 50%; gauche: 50%; couleur: #ffff; largeur: 200px; hauteur: 200px; arrière-plan: rouge; curseur: pointeur; espacement des lettres: 5px; Text-adign: Center; Font: 12px / 200px arial; margin: -100px 0 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 (temporisateur);
timer = setInterval (function () {
obox.style.display = i ++% 2? "Aucun": "bloc";
i> 6 && (ClearInterval (Timer))
}, 80)
}
};
</cript>
</ head>
<body>
<div id = "box"> wulin.com rappelle: si vous osez cliquer sur moi, j'ose flasher </div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.