<style type="text/css">
<!--
.Style1{
position: absolute;
font-size: 24pt;
font-weight: bold;
visibility: hidden;
}
#iL0{color:#0000ff}
#iL1{color:#aaaaaa}
#iL2{color:#cccccc}
#iL3{color:#dddddd}
#iL4{color:#eeeeee}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
//ブラウザのバージョンチェック
var brw_v = navigator.appVersion.charAt(0);
var brw_n = navigator.appName.charAt(0);
var iIE4 = false;
var iNN4 = false;
if((brw_v >= 4)&&(brw_n == "M"))iIE4 = true;
if((brw_v >= 4)&&(brw_n == "N"))iNN4 = true;
var Laymax = 4; //レイヤーの最大数（影）
var actT = 11; //移動時間：速＝小
var Dx = 12; //影のX方向の幅
var Dy = 10; //影のY方向の幅
var Dcount = 5; //投影速度
var X = 100; //レイヤー左位置
var Y = 50; //レイヤー上位置
var Fflag = new Array();
var Ftflag = false;
var lay = new Array();;
var Count = 0;
var Lcount = 1;
function Init(){
var i;
for(i = 0; i <= Laymax; i++){
if(iIE4){
lay[i] = document.all("iL"+i);
lay[i].style.visibility = "hidden";
lay[i].style.zIndex = Laymax - i;
}
if(iNN4){
lay[i] = document.layers["iL"+i];
lay[i].visibility = "hide";
lay[i].zIndex = Laymax - i;
}
}
SetXY(0);
SetXY(1);
multiLay();
}
function multiLay(){
var Xc,Yc;
var TimeID;
if(Count <= Dcount){
Count++;
Xc = X + Math.round(Dx/Dcount * Count);
Yc = Y + Math.round(Dy/Dcount * Count);
if(iIE4){
lay[Lcount].style.posLeft = Xc;
lay[Lcount].style.posTop = Yc;
}
if(iNN4){
lay[Lcount].moveTo(Xc,Yc);
}
TimerID = setTimeout("multiLay()",actT);
}else{
if(Lcount < Laymax){
Count = 0;
Lcount++;
SetXY(Lcount);
TimerID = setTimeout("multiLay()",actT);
}else{
clearTimeout(TimeID);
}
}
}
function SetXY(kkk){
if(iIE4){
if(kkk != 0){
X = lay[kkk-1].style.posLeft;
Y = lay[kkk-1].style.posTop;
}
lay[kkk].style.posLeft = X;
lay[kkk].style.posTop = Y;
lay[kkk].style.visibility = "visible";
}
if(iNN4){
if(kkk != 0){
X = lay[kkk-1].left;
Y = lay[kkk-1].top;
}
lay[kkk].left = X;
lay[kkk].top = Y;
lay[kkk].visibility = "show";
}
}
// -->
</script>
<body onload="Init()">
<DIV CLASS="Style1" ID="iL0">JavaScript・Styong coffee</DIV>
<DIV CLASS="Style1" ID="iL1">JavaScript・Styong coffee</DIV>
<DIV CLASS="Style1" ID="iL2">JavaScript・Styong coffee</DIV>
<DIV CLASS="Style1" ID="iL3">JavaScript・Styong coffee</DIV>
<DIV CLASS="Style1" ID="iL4">JavaScript・Styong coffee</DIV>