text_javascriptスキルのクリックに応じたDIV層の点滅効果を実現するJSメソッド

この記事の例では、クリックされたテキストに対応する DIV レイヤーの点滅効果を JS を使用して実現する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このエフェクトは、多くのエンターテイメント Web サイトでよく見られます。Web ページ上の特定のボックス内のテキストをクリックすると、ボックス全体が点滅し、顧客の注意を引きやすくなります。このコードは、四角形をクリックすると、その四角形が点滅します

コードをコピー コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
window.onload = function ()
{
var oBox = document.getElementById("box");
var timer = null;
oBox.onclick = function ()
{
var i = 0;
clearInterval(タイマー);
timer = setInterval(function () {
oBox.style.display = i % 2 ? "なし" : "ブロック";
i > 6 && (clearInterval(タイマー))
}、80)
}
};

スクリプト ホームのヒント: 私をクリックする勇気があれば、回避します

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。