| ポイント |
<![CDATA[
col = new Array("red","white","blue","yellow");
myLINK.style.color = col[num++];
num %= col.length;
<body onLoad="setInterval('flashLink()',20)">
]]>
|
| 説 明 |
リンク文字の色を変更するにはaタグにid="myLINK"のように名前を付けておきます。id属性で付けた名前は「document.all["myLINK"]」または「myLINK」でアクセスできます。文字の色はスタイルオブジェクト内に格納されており「document.all["myLINK"].style.color」または「myLINK.style.color」に色名または色コードを設定することで変更することができます。点滅させるには、setInterval()を使って定期的に色を変更します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>一定時間毎にリンク文字の色を変える</title>
<script language="JavaScript"><!--
col = new Array("red","white","blue","yellow");
num = 0;
function flashLink()
{
myLINK.style.color = col[num++];
num %= col.length;
}
// --></script>
</head>
<body onLoad="setInterval('flashLink()',20)">
<a href="http://www.shiojiri.ne.jp/~openspc/" id="myLINK">リンク文字が光る!?</a>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
一定時間毎にリンク文字の色を変える