この記事の例では、クリックされたテキストに対応する DIV レイヤーの点滅効果を JS を使用して実現する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
このエフェクトは、多くのエンターテイメント Web サイトでよく見られます。Web ページ上の特定のボックス内のテキストをクリックすると、ボックス全体が点滅し、顧客の注意を引きやすくなります。このコードは、四角形をクリックすると、その四角形が点滅します
<頭>
js はクリックテキストに対応する DIV レイヤーの点滅を実現します
<スクリプトタイプ="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)
}
};
スクリプト ホームのヒント: 私をクリックする勇気があれば、回避します
