<div>-Container


Inhaltsverzeichnis


zurück zum Index


Allgemeines

Beispiel

Beispiel für eine dynamische HTML-Seite
<html>
	<head>
		<title>
		
		</title>
		<style>
			body{background-color:#000099;color:#ff0000;font-family:sans-serif;}
			div{text-align:center;}
			table{border-width:0pt;width:560pt;text-align:center;}
			td{width:100%;text-align:center;}
			p{font-size:8pt;text-align:center;color:#ffffff;font-family:monospace;}
			big{font-size:15pt;text-align:left;color:#0099ff;font-family:monospace;}	
		</style>
	</head>
	<body onLoad="F3(0)" topmargin="5" link="#FFFF00" alink="#00FF00" vlink="#80FFFF">
		<big>Beispiel für animierten Text</big>
			<div align="center">
				<table>
					<tr>
						<td>
						<script language="JavaScript">
						<!--BEGIN	
							var pi=Math.PI;
							var ausgang="";				
							var Text="";
							var laenge=0;
							function F1(i,incMethod,textLength)
							{
								if(incMethod==1)
								{	
								return(72*Math.abs(Math.sin(i/(textLength/pi))));
								}
								if(incMethod==2)
								{
									return(255*Math.abs(Math.cos(i/(textLength/pi))));
								}
							}
							function F2(text,method,dis)
							{
								ausgang="";
								for(i=0;i<text.length;i++)
								{
									laenge=parseInt(F1(i+dis,method,text.length));
									ausgang+="<font style='font-size:"+(laenge/2)+"pt'>"+
									Text.substring(i,i+1)+"</font>";
								}
								d01.innerHTML=ausgang;
							}
							function F3(n)
							{
								Text="Kurs Anwendungsprogrammierer 2002";
								F2(Text,1,n)
								if(n>Text.length)
								{
									n=0;
								}
								setTimeout("F3("+(n+1)+")",50);
							}
						//ENDE-->
						</script>
						<div ID="d01" align="center"></div>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>


zurück zum Seitenanfang
zurück zum Index