文字を下から表示

画像の上に文字を下から上に表示 【IE5】【NN4】前項のソースに画像を追加したケース。
<HTML>					
<HEAD>					
<TITLE>文字を下から表示</TITLE>					
					
<STYLE type=text/css>					
div {FONT-SIZE:12pt; COLOR:#00ff00; TOP:-100px; POSITION:absolute; font-weight:bold}					
</STYLE>					
<SCRIPT language=JavaScript>					
<!--					
msg=new Array();					
					
// ******* 下記を変更の事（KIの実用JavaScript）************					
msg[0] = "私のホームページを見て頂き"					
msg[1] = "有難う御座います。" 					
msg[2] = "" 					
msg[3] = "基礎編では初心者の勉強資料てして" 					
msg[4] = "中・上級者にはコピーしてプロプラク"					
msg[5] = "作成の効率化に活用して下さい。"					
msg[6] = "" 					
msg[7] = "実用編はすぐ使用できるサンプルが" 					
msg[8] = "多数掲載してあります。"					
msg[9] = ""  					
msg[10] = "今後も「ＫＩの実用JavaScript」を宜し"					
msg[11] = "く御願い致します。"  					
msg[12] = "・・・・・・・・・・・・・・・・・・・"  					
msg[13] = ""  // 最後にダミーを1個入れて下さい					
					
var x=280;     　//文字表示する横位置の指定					
var y=270;       //文字表示する縦位置の指定（最初の表示位置)					
var ysu=6;        //表示行数					
					
var xa=250;     　//画像表示する横位置の指定					
var ya=100;       //画像表示する縦位置の指定（ＴＯＰ)					
					
// ***************************************************					
var ia=0					
var iy=0					
var msgsu=msg.length ;					
var yiti=new Array()					
ysu=ysu-1					
					
 for (i=0;ysu>=i; i++) {					
       yiti[i]=y-(20*i)					
  }					
function hyouzi() {					
        if (ia > ysu ){iaa=ysu+1}					
        else {iaa=ia}					
   if (document.all) {					
		for (ib=iaa; ib>=0;ib--){			
			if (ia > ysu ){iy=ia-ib}		
        		else {iy=iaa-ib};			
				if (iy >= msgsu){ia=-1;break;}	
    			var hyouzi1 = eval("document.all.divno" + iy + ".style")		
			if (iy == msgsu-1){break;}		
					
    			hyouzi1.posLeft=x		
			if (ysu+1==ib){		
				hyouzi1.posTop=-100}	
			else{		
    				hyouzi1.posTop=yiti[ib]}    	
		}			
   }					
   if (document.layers) {					
		for (ib=iaa; ib>=0;ib--){			
			if (ia > ysu ){iy=ia-ib}		
        		else {iy=iaa-ib}			
					
			if (iy >= msgsu){ia=-1;break;};		
			var hyouzi1 = eval("document.divno"+iy)		
			if (iy >= msgsu-1){break;}		
    			hyouzi1.left=x		
			if (ysu+1==ib){		
                        hyouzi1.top=-100}					
			else{		
    				hyouzi1.top=yiti[ib]}	
		  }			
  }					
ia=ia+1					
var Timer = setTimeout("hyouzi()", 1000)  					
}					
					
//-->					
</SCRIPT>					
</HEAD>					
					
<BODY  BGCOLOR=#F0FFF0 onload="hyouzi()">					
<font color=#ff00ff><b>画像の上に文字を下から上に表示</b></font>					
<font size=2>【IE5】【NN4】					
前項のソースに画像を追加したケース。					
</font><hr>					
					
					
					
					
<DIV id='p1' STYLE='position:absolute;'>					
<IMG SRC='bak0.jpg' WIDTH=336 HEIGHT=230 BORDER=0>					
</DIV>					
<SCRIPT language=JavaScript>					
<!--					
	if (document.all) {				
		lay = document.all['p1'];			
		lay.style.left =xa;			
		lay.style.top =ya;			
	}				
	if (document.layers) {				
		document.layers['p1'].left=xa;			
		document.layers['p1'].top=ya;			
	}				
					
for (i=0;i<=msgsu-1;i++) {					
    document.write ("<div id='divno" + i + "'>")					
    document.write(msg[i])					
    document.write ("</div>")					
}					
//-->					
</SCRIPT>									
</BODY>					
</HTML>