便利eelife Java Script

   戻る

リンクの色をリアルタイムに変えます(複数)。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format()" >
<TABLE>
<TBODY>
<TR>
<TD id="link0" width="50"></TD>
<TD id="link1" width="50"></TD>
<TD id="link2" width="50"></TD>
<TD id="link3" width="50"></TD>
<TD id="link4" width="50"></TD>
</TR>
</TBODY>
</TABLE>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
var i;
var v=0;
msg="";
clrs="";

function format(){
for (v=0; v<msg.length; v++){
Lyid = "link"+v;
document.all[Lyid].innerHTML =msg[v];}
act()
}

function act(){
v = Math.floor(Math.random()*msg.length);
i = Math.floor(Math.random()*clrs.length);
clrs = new Array('lime','maroon','blue','fuchsia','yellow','red','aqua');
msg = new Array();
msg[0] = "<a href='javascript:function voi(){}'><font color=" + clrs[i] + ">link0</font></a>";
msg[1] = "<a href='javascript:function voi(){}'><font color=" + clrs[i] + ">link1</font></a>";
msg[2] = "<a href='javascript:function voi(){}'><font color=" + clrs[i] + ">link2</font></a>";
msg[3] = "<a href='javascript:function voi(){}'><font color=" + clrs[i] + ">link3</font></a>";
msg[4] = "<a href='javascript:function voi(){}'><font color=" + clrs[i] + ">link4</font></a>";

Lyid="link"+v;
document.all[Lyid].innerHTML =msg[v];
setTimeout("act()",50);

}

// -->
</SCRIPT>
コメント
こちらを参照