浮かび上がるリンクテキスト

Yahoo! Google Goo






下のソースをコピー&ペーストでそのまま使えます
赤色文字の部分を変更してカスタマイズして下さい



<BODY onload="timeID2=setTimeout('STAR_WARS()',1000);">

<center>

<a href="http://www.yahoo.co.jp/" id="mytext1" style="POSITION:absolute;TOP:100px;LEFT:300px;filter:alpha(opacity=0);text-decoration:none">
Yahoo!</a>

<a href="456.html" id="mytext2" style="POSITION:absolute;TOP:120px;LEFT:300px;filter:alpha(opacity=0);text-decoration:none">
456</a>

<a href="789.html" id="mytext3" style="POSITION:absolute;TOP:140px;LEFT:300px;filter:alpha(opacity=0);text-decoration:none">
789</a>

<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
var i=0;
var n=3;   ←リンクの総数
function STAR_WARS(){
i=i+2;
for(k=1;k<=n;k++){
document.all["mytext"+k].filters["alpha"].opacity=i;
}
timeID=setTimeout("STAR_WARS()",70);
if (i>=100){
clearTimeout(timeID);
}
}
//-->
</SCRIPT>

ここに本文を記載

</BODY>


■BODY タグ内の ('STAR_WARS()',1000) の1000の部分は、ページが表示されてから
  リンクテキストは現れるまでの時間です。1000で1秒・2000で2秒です。
■123.html/456.html/789.html の部分のそれぞれリンク先のURLを入れてください。
■アンカーテキスト(上記の例では 123/456/789 の文字列 )も書き換えてください。
TOP:100px;LEFT:300pxはそれぞれのリンクの位置指定です。TOPで上から何ピクセルの位置か
 LEFTで左から何ピクセルの位置かを指定します。リンクを横並びにするなら、TOPは同じ数値でLETFの数値をずらします。
■var n=3; の部分で総リンク数を指定します。リンクが10コなら10にしてください。