ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML を使用してテキスト点滅効果コードを実現する

HTML を使用してテキスト点滅効果コードを実現する

零下一度
リリース: 2017-05-03 16:50:37
オリジナル
9964 人が閲覧しました

Web ページ上でテキストをフラッシュさせるタグとは何ですか? 実際、テキストを直接フラッシュさせることができる HTML タグはありません。これを実現するには、js スクリプトを使用する必要があります。

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

<script language= "javascript " type= "text/javascript ">
function showit()
{
self.setInterval( "changeit() ", 800);
}
function changeit()
{
var bg = &#39;# &#39;;
var color = new Array( "A ", "B ", "C ", "D ", "E ", "F ");
var node = document.getElementById( "con ");//#33FF33
for (var j=1; j <7; j++)
{
var i = Math.round(Math.random()*10);
if (i> =5)
{ bg = bg+color[i-5]; }
else
{ bg = bg + i; }
}
node.style.color = bg;
}
</script>
</HEAD>
<BODY onload= "showit(); ">
<div id= "con " style= "background:#330000;color:#FF3300;width:80px;height:30px;font-size:16pt; "> lasdflasdfhalsdfaldfladhladhlasd </div>
</BODY>
</HTML>
ログイン後にコピー

以上がHTML を使用してテキスト点滅効果コードを実現するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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