<style type="text/css">
<!--
.Style1{
position: absolute;
font-size: 32pt;
font-weight: bold;
}
#iL1{top:50;left:100;}
#iL2{top:100;left:120;}
#iL3{top:150;left:120;}
#iL4{top:200;left:120;}
#iL5{top:250;left:120;}
-->
</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 = 5; //レイヤーの最大数
var actT = 100; //移動時間：速＝小
var Comments = new Array();
Comments[1] = "<DIV CLASS='Style1'>Styong coffee<\/DIV>";
Comments[2] = "<DIV CLASS='Style1'>http://01aa.bufsiz.jp/<\/DIV>";
Comments[3] = "<DIV CLASS='Style1'>Illustrator・Photoshop！</DIV>";
Comments[4] = "<DIV CLASS='Style1'>作品紹介/DTP、紹介してます。<\/DIV>";
Comments[5] = "<DIV CLASS='Style1'>coffeeビル住民募集。<\/DIV>";
var lay = new Array();
ColorPLT = "fedcba9876543210";
var Count = 0;
var Com = 1;
var ColorF;
function Init(){
for(i = 1; i <= Laymax; i++){
if(iIE4){
lay[i] = document.all("iL"+i);
lay[i].style.visibility = "visible";
}
if(iNN4){
lay[i] = document.layers["iL"+i];
lay[i].visibility = "show";
}
}
FadeIn();
}
function FadeIn(){
if(Com <= Laymax){
if(Count < ColorPLT.length){
z = ColorPLT.charAt(Count);
ColorF = z+z+z+z+z+z;
SetColor(Com);
Count++;
setTimeout("FadeIn()",actT);
}else{
Com++;
Count = 0;
setTimeout("FadeIn()",actT);
}
}else{
ColorPLT = "0123456789abcdef";
Com = 1;
Count = 0;
FadeOut();
}
}
function FadeOut(){
if(Com <= Laymax){
if(Count < ColorPLT.length){
z = ColorPLT.charAt(Count);
ColorF = z+z+z+z+z+z;
SetColor(Com);
Count++;
setTimeout("FadeIn()",actT);
}else{
Com++;
Count = 0;
setTimeout("FadeIn()",actT);
}
}else{
ColorPLT = "fedcba9876543210";
Com = 1;
Count = 0;
FadeIn();
}
}
function SetColor(kkk){
if(iIE4){
lay[kkk].style.color = ColorF;
lay[kkk].innerHTML = Comments[kkk];
}
if(iNN4){
lay[kkk].document.open();
lay[kkk].document.fgColor = ColorF;
lay[kkk].document.write(Comments[kkk]);
lay[kkk].document.close();
}
}
// -->
</script>
</head>
<body onload="Init()">
<DIV CLASS="Style1" ID="iL1"></DIV>
<DIV CLASS="Style1" ID="iL2"></DIV>
<DIV CLASS="Style1" ID="iL3"></DIV>
<DIV CLASS="Style1" ID="iL4"></DIV>
<DIV CLASS="Style1" ID="iL5"></DIV>