ホームページ > ウェブフロントエンド > jsチュートリアル > テキストの点滅効果を実現する js メソッド_javascript スキル

テキストの点滅効果を実現する js メソッド_javascript スキル

WBOY
リリース: 2016-05-16 15:25:26
オリジナル
1646 人が閲覧しました

この記事の例は、jquery をベースに地方自治体連携特殊効果を実現するコードを記述しています。詳細は次のとおりです。

オペレーションレンダリング:

実装原則: スタイル オブジェクトを使用して CSS 属性を設定し、それをタイマーと組み合わせて js を実装し、テキストの点滅効果を実現します。

具体的なコードは次のとおりです

<html>
 <head>
 <meta charset="gb2312" />
 <title>js实现文字闪烁特效</title>
 </head>
<script>
 var flag = 0;
 function start(){
 var text = document.getElementById("myDiv");
 if (!flag)
 {
 text.style.color = "red";
 text.style.background = "#0000ff";
 flag = 1;
 }else{
 text.style.color = "";
 text.style.background = "";
 flag = 0;
 }
 setTimeout("start()",500);
 }
</script>
 <body onload="start()">
 <span id="myDiv">css的世界是如此的精彩!</span>
 </body>
</html>
ログイン後にコピー

コードをコピーすると実行されます。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート