jQueryでテキストを点滅させる方法?

DDD
リリース: 2024-11-01 15:51:31
オリジナル
1011 人が閲覧しました

How to Make Text Blink with jQuery?

jQuery でテキストを点滅させる

HTML 要素を操作するための JavaScript ライブラリである jQuery でテキストを点滅させるには、次の手順を使用します。

<code class="javascript">$('.blink').each(function() {
    var elem = $(this);
    setInterval(function() {
        if (elem.css('visibility') == 'hidden') {
            elem.css('visibility', 'visible');
        } else {
            elem.css('visibility', 'hidden');
        }    
    }, 500);
});</code>
ログイン後にコピー

このコードは、setInterval() メソッドを使用して、クラス「blink」を持つ要素の表示/非表示を 500 ミリ秒ごとに繰り返し切り替えます。可視性が「非表示」の場合はテキストが消え、「可視」の場合はテキストが表示されます。

点滅効果を停止するには、clearInterval() と間隔 ID を使用して間隔をクリアします。 setInterval() が呼び出されたときに返されました。

以上がjQueryでテキストを点滅させる方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!