フェードインして文字が出てきます。
出てきた分だけ、その下のものが全部下がっていくのをどうにかする方法はきっとあると思うけどｗ
時間見て解決できれば、追加します。
いい解決案がわかる方はご一報下さると嬉しいです＞＜
<見本>
1) </title>〜</head>の中に、以下のタグを入れます。
行数を変える場合は
#iL【番号】 {visibility:hidden}
と
Comments[【番号】] = "<div>【文字列】</div>";
の行を増減し、赤の番号も順番につけます。
<style type=text/css>
<!--
#iL1 {visibility:hidden}
#iL2 {visibility:hidden}
#iL3 {visibility:hidden}
#iL4 {visibility:hidden}
#iL5 {visibility:hidden}
// -->
</style>
<script language=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>【文字列1】</div>";
Comments[2] = "<div>【文字列2】</div>";
Comments[3] = "<div>【文字列3】</div>";
Comments[4] = "<div>【文字列4】</div>";
Comments[5] = "<div>【文字列5】</div>";
/*** 初期値設定ここまで ***/
var lay = new Array();
var ColorPLT = 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);
}
}
}
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>
|
2) 表示するところには、以下のタグを使います。
1)と合わせた分だけ作り、番号も合わせます。
<div id=iL1></div>
<div id=iL2></div>
<div id=iL3></div>
<div id=iL4></div>
<div id=iL5></div>
|
3) <body>の < > 内に、以下のタグを追加します。
「HTMLタグ」のトップに戻る
|
|
|
