In diesem Artikel wird die Methode von JS beschrieben, um den konstanten Blink -Effekt des Klickens zu erreichen, der der Div -Schicht entspricht. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Wir sehen diesen Effekt oft auf vielen Unterhaltungswebsites. Klicken Sie in einem Quadrat auf der Webseite auf den Text, und dann blinkt das gesamte Quadrat weiter. Es ist ein sehr guter dynamischer Effekt und kann die Aufmerksamkeit der Kunden leicht auf sich ziehen. Dieser Code erkennt diesen Effekt. Nach dem Klicken auf ein Quadrat blinkt das Quadrat.
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<titels> js realisiert, Klicken auf Text zu klicken, das der Div -Layer -Blinkung entspricht </title>
<style type = "text/css">
#box{position:absolute;top:50%;left:50%;color:#ffff;width:200px;height:200px;background:red;cursor:pointer;letter-spacing:5px;text-align: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 (Timer);
timer = setInterval (function () {
Obox.Style.Display = i ++ % 2? "Keine": "Block";
i> 6 && (ClearInterval (Timer))
}, 80)
}
};
</script>
</head>
<body>
<div id = "box"> wulin.com erinnert sich: Wenn du dich traust, auf mich zu klicken, wage ich mich zu flash </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.