jQuery一般的なWebサイトでは、文字や要素を点滅させると目につきやすい反面、気が散ってしまいページを見るのに邪魔になってしまいます。業務システムや社内サイトなどでは、文字や要素を点滅させてアラート代わりにしたりすることが割とあります。それなりに需要がある点滅ですが、javascriptやjQueryでは点滅させるための関数が用意されていないため自作する必要があります。今回は、この点滅用の関数をjavascriptとjQueryで作成したので紹介します。OFFボタンで点滅を制御するスクリプト。HTMLソースのdivタグは点滅時に要素が消え、下の要素が上下に移動するのを阻止するためです。hidden;」は要素の高さを保ったまま見えなくするはずなのですが、一部ブラウザでは要素ごと消してしまう現象があったためdivタグで縦幅を維持しています。点滅処理をjQueryで記載するとより短く書け、さらにアニメーションを付けることもできます。ON/OFFの切り替え処理自体は対して短くならないため割愛して、点滅部分のみでサンプルを作成してみました。CSSはjavasciptの処理で使用した定義を使用します。func_switch_jq("#switch_jq");});switchこのほかにも、animate関数を使用して点滅に動きをつけることもできます。サンプルでは単調な動きですが、animation関数では色や動作パターンも指定できるため変わった点滅の動作にすることもできます。コメントをキャンセルメールアドレスが公開されることはありません。MyThemeShop。