この記事では、div層に対応するクリックテキストの一定の点滅効果を実現するJSの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
多くの場合、多くのエンターテイメントWebサイトにこの効果があります。 Webページの正方形のテキストをクリックすると、正方形全体が点滅し続けます。これは非常に優れた動的効果であり、顧客の注意を簡単に引き付けることができます。このコードはこの効果を実現します。正方形をクリックした後、正方形が点滅します。
次のようにコードをコピーします。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> JSは、Divレイヤーの点滅に対応するテキストをクリックすることを実現します</title>
<style type = "text/css">
＃box {position：aspolute; top：50％; left：50％; color：#ffff; width：200px; height：200px; background：red; cursor：pointer：pointer：5px; text-align：center; font;
</style>
<script type = "text/javascript">
window.onload = function（）
{
var obox = document.getElementById（ "box"）;
varタイマー= null;
obox.onclick = function（）
{
var i = 0;
ClearInterval（タイマー）;
Timer = setInterval（function（）{
obox.style.display = i ++％2？ 「なし」：「ブロック」;
i> 6 &&（clearinterval（タイマー））
}、80）
}
};
</script>
</head>
<body>
<div id = "box"> wulin.comが思い出させる：あえて私をクリックしようとするなら、私はあえてフラッシュします</div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。