Schrift:
Text läuft von rechts nach links:
<br><marquee direction="left">Hier deinen Text eingeben</marquee>
Text läuft von links nach rechts:
<br><marquee direction="right">Hier kommt dein Text hin</marquee>
Text läuft von unten nach oben:
<br><marquee direction="up">Dein Text</marquee>
Text läuft von oben nach unten:
<br><marquee direction="down">Dein Text</marquee>
Text schwengt hin und her:
<div align="center"><MARQUEE behavior=alternate>text</marquee>
Blinkender Text:
<script language="JavaScript">
<!--
var blinkColTbl = new Array();
blinkColTbl[0] = "black";
blinkColTbl[1] = "white";
var blinkTimeout = 500;
function blinky() {
var blinkTimeout = 500;
blink();
}
function zucki() {
var blinkTimeout = 100;
blink();
}
var blinkIdx = 0;
function blink () {
if ( document.all && document.all.blink ) {
blinkIdx = (blinkIdx+=1) % 2 ;
var color = blinkColTbl [ blinkIdx ];
if ( document.all.blink.length ) {
for(i=0;i<document.all.blink.length;i++)
document.all.blink[i].style.color=color;
} else
document.all.blink.style.color=color;
setTimeout( "blink();" , blinkTimeout);
}
}
file://-->
</script>
</head>
<body>
<h1 align="center"><font size="3"></font></h1>
<p align="center"> </p>
<ol>
<h1 align="center"><font color="#FF0000"><b><blink><span id="blink">Blinktext</span></blink></b></font><br>
<script language="JavaScript">
<!--
blink();
file://-->
</script>
Text leuchtet:
<style>
<!--
#glowtext{
filter:glow(color=FFFF00,strength=3);
width:100%;
}
-->
</style>
<script language="JavaScript1.2">
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
</script>
<table width="50%" border="0">
<tr>
<td>
<p align="center"><span id="glowtext"><big><big><a href="http://www.moc.de.cx" target="_top"><font size="1" face="Arial">Dieser
Link leuchtet!</font></a></big></big></span><font size="1" face="Arial"><big><big><br>
<span id="glowtext">Dieser Text leuchtet auch!</span></big></big></font></p>
<p align="center"><font size="1" face="Verdana"><big>
<script language="JavaScript1.2">
function changesettings(){
if (document.all){
if (document.body.style.cssText==''||document.body.style.backgroundColor=='white')
document.body.style.cssText="background-color:black;color:white"
else
document.body.style.cssText="background-color:white;color:black"
}
}
</script>
<a
href="javascript:changesettings()">Hintergrund wechseln</a></big></font></p>
</td>
</tr>
</table>
<p align="center"> </p>
Text wird am Ende dunkel:
<Center>
<SCRIPT LANGUAGE="JavaScript">
<!-- ... Quelle Beispiel ...
// Farbspiel
function HexArray(n)
{
this.length = n
for(i = 0; i < 10; i++)
this[i] = i
this[10] = "A"
this[11] = "B"
this[12] = "C"
this[13] = "D"
this[14] = "E"
this[15] = "F"
return(this)
}
hex = new HexArray()
function DezNachHex(x)
{
var high = Math.floor(x / 16)
var low = Math.floor(x - high * 16)
return(hex[high] + "" + hex[low])
}
function Farbspiel(text)
{
for(i = 0; i < text.length; i++)
{
FarbwertRot = 255 - (255 * i) / (text.length - 1)
FarbwertGruen = 10
FarbwertBlau = 10
document.write("<FONT COLOR='#" + DezNachHex(FarbwertRot) + DezNachHex(FarbwertGruen) + DezNachHex(FarbwertBlau) + "'>" +
text.substring(i, i + 1) +
"</FONT>")
}
}
// -->
</SCRIPT>
<STRONG>
<SCRIPT LANGUAGE="JavaScript">
<!--
Farbspiel("Surfen im Netz, aber bitte mit Pfiff!")
file://-->
</SCRIPT>
</STRONG>
</center>
Regenbogentext:
<script>
function MakeArray(n){
this.length=n;
for(var i=1; i<=n; i++) this[i]=i-1;
return this
}
hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";
function ToHex(x){
var high=x/16;
var s=high+"";
s=s.substring(0,2);
high=parseInt(s,10);
var left=hex[high+1];
var low=x-high*16;
s=low+"";
s=s.substring(0,2);
low=parseInt(s,10);
var right=hex[low+1];
var string=left+""+right;
return string;
}
function rainbow(text){
text=text.substring(3,text.length-4);
color_d1=255;
mul=color_d1/text.length;
var page
for(i=0;i<text.length;i++){
color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
color_h1=ToHex(color_d1);
color_d2=mul*i;
color_h2=ToHex(color_d2);
page = '<FONT COLOR="#FF' + color_h1+color_h2+ '">'
page += text.substring(i,i+1)+ '</FONT>';
document.write(page)
}
}
</script>
<script LANGUAGE="JavaScript">
rainbow("-->Wow - das ist ein Regenbogentext!!!<!--")
file://-->
</script>
Wellentext:
<div id="welle" style="width:100%; font-size:50pt; color:#FF0000;
filter:Wave(freq=1, light=50, phase=50, strength=1);">Hier kommt dann euer Text rein.</div>
<script language="JavaScript">
<!--
function welle()
{
if(document.all.welle.filters[0].freq > 10)
document.all.welle.filters[0].freq = 5;
document.all.welle.filters[0].freq += 1;
if(document.all.welle.filters[0].phase > 100)
document.all.welle.filters[0].phase = 0;
document.all.welle.filters[0].phase += 10;
if(document.all.welle.filters[0].strength > 10)
document.all.welle.filters[0].strength = 1;
document.all.welle.filters[0].strength += 1;
window.setTimeout("welle()",100);
}
welle();
file://-->
</script>
Newsticker mit deinem Text:
<Html>
<BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="marquee()">
<Center>
<script language="JavaScript">
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function marquee() {
var i,k,msg=" Da könnte bald auch dein Text stehen :-) ";
k=(75/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg;
document.marqueeform.marquee.value=msg.substring(position,position+120);
if(position++==69) position=0;
id=setTimeout("marquee()",1000/10); }
function action() {
if(!pause) {
clearTimeout(id);
pause=1; }
else {
marquee();
pause=0; } }
// -->
</script>
<form name="marqueeform">
<input type="text" name="marquee" size="30">
</form>
</center>
</body>
</html>
Dein Text in einem Rahmen
<Center>
<HEAD><script language="JavaScript">
<!--
var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl=new textlist
(
" Das ist das Beispiel vom Text-Ticker",
" Der Text wird dabei so geschrieben wie bei einer Schreibmaschine.",
" Am Ende jeder Zeile wir eine kurze Pause gemacht.",
" Es wäre nett von dir,solltest du dich entschließen, eines",
" dieser Scripte zu benutzen,wenn du dich dann in mein ",
" Gästebuch eintragen würdest.",
" Solltest du andere Probleme mit HTML haben,",
" schau doch mal in mein Forum",
" ",
" "
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",2000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// -->
</script>
<form name="form1">
<input type="text" size="65" name="textfeld" value=" Willkommen "
style="font-weight: normal; color: black; background-color: white; font-family: Arial; font-size: 9pt">
</form>
</center>
</body>
</html>
Das wars!
