Webmaster - Java-Script

//ENTER CONTENT TO SCROLL BELOW.
var content='<b>Hier</b> <i>kann</i> <u>beliebig</u> <font color="#FF0000">Text</font> <b><u><font color="#00FF00">formatiert</font></u></b> <span style="background-color: #FFFF00">werden</span>';

var boxheight=30;                         //Hoehe der Anzeigebox
var boxwidth=275;                        //Breite der Anzeigebox.
var elementwidth=400;                   //Weite der Scrolleiste. Hier mueßt ihr etwas experimentieren da der Text sonst zweireihig angezeigt wird
var boxcolor="#ffffff";                //Hintergrundfarbe.
var speed=120;                        //Geschwindigkeit in Millisekunden (1 sec=1000 Millisekunden)..
var pixelstep=4;                     //Wieviel Pixel vorwaerts 
var goright=false;                  //von links nach rechts=TRUE , von rechts nach links=FALSE
var outer, inner;

var isNS=(navigator.appName=="Netscape");
if(elementwidth>boxwidth-4)elementwidth=boxwidth-4;
var txt='<center><table cellpadding="0" cellspacing="0" border="0" height="'+boxheight+'" width="'+boxwidth+'"><tr><td>';
txt+=(isNS)? '<ilayer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width="'+boxwidth+'" height="'+boxheight+'">'  : '<div id="outer" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; background-color:'+boxcolor+';" >';
txt+=(isNS)? '<layer  name="inner"  visibility="hidden" width="'+elementwidth+'" left="2" top="2" >'+content+'</layer></ilayer>' : '<div id="inner"  style="position:absolute; visibility:hidden; left:2px; top:2px; width:'+elementwidth+'">'+content+'</div></div>';
txt+='</td></tr></table>';
document.write(txt);

window.onload=init;

</script>





	Textticker


	Quellcode:
	Body-Tag
	<script language="javascript"> //ENTER CONTENT TO SCROLL BELOW. var content='<b>Hier</b> <i>kann</i> <u>beliebig</u> <font color="#FF0000">Text</font> <b><u><font color="#00FF00">formatiert</font></u></b> <span style="background-color: #FFFF00">werden</span>'; var boxheight=30; //Hoehe der Anzeigebox var boxwidth=275; //Breite der Anzeigebox. var elementwidth=400; //Weite der Scrolleiste. Hier mueßt ihr etwas experimentieren da der Text sonst zweireihig angezeigt wird var boxcolor="#ffffff"; //Hintergrundfarbe. var speed=120; //Geschwindigkeit in Millisekunden (1 sec=1000 Millisekunden).. var pixelstep=4; //Wieviel Pixel vorwaerts var goright=false; //von links nach rechts=TRUE , von rechts nach links=FALSE var outer, inner; var isNS=(navigator.appName=="Netscape"); if(elementwidth>boxwidth-4)elementwidth=boxwidth-4; var txt='<center><table cellpadding="0" cellspacing="0" border="0" height="'+boxheight+'" width="'+boxwidth+'"><tr><td>'; txt+=(isNS)? '<ilayer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width="'+boxwidth+'" height="'+boxheight+'">' : '<div id="outer" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; background-color:'+boxcolor+';" >'; txt+=(isNS)? '<layer name="inner" visibility="hidden" width="'+elementwidth+'" left="2" top="2" >'+content+'</layer></ilayer>' : '<div id="inner" style="position:absolute; visibility:hidden; left:2px; top:2px; width:'+elementwidth+'">'+content+'</div></div>'; txt+='</td></tr></table>'; document.write(txt); function init(){ if(isNS){ document.outer.clip.width=boxwidth; document.outer.clip.height=boxheight; inner=document.outer.document.inner; inner.left=(goright)? -elementwidth : boxwidth-2; inner.clip.width=0 inner.clip.height=boxheight-4; document.outer.visibility="show"; inner.visibility="show"; }else{ inner=document.all.inner.style; inner.pixelLeft=(goright)? -elementwidth : boxwidth-2; inner.clip='rect(0px, 0px, 0px, 0px)'; inner.visibility="visible"; } setInterval('scrollbox()',speed); } function scrollbox(){ if(isNS){ inner.left+=(goright)? pixelstep: -pixelstep; inner.clip.right=(boxwidth-inner.left-2>boxwidth)? boxwidth-2 : boxwidth-inner.left-2; inner.clip.left=-inner.left+2; if(goright){ if(inner.left>boxwidth)inner.left=-elementwidth; }else{ if(inner.left<-elementwidth)inner.left=boxwidth+2; }}else{ inner.pixelLeft+=(goright)? pixelstep: -pixelstep; inner.clip="rect(0px "+((boxwidth-inner.pixelLeft-2>boxwidth)? boxwidth-2 : boxwidth-inner.pixelLeft-2)+"px "+(boxheight-4)+"px "+(-inner.pixelLeft+2)+"px)"; if(goright){ if(inner.pixelLeft>boxwidth)inner.pixelLeft=-elementwidth; }else{ if(inner.pixelLeft<-elementwidth)inner.pixelLeft=boxwidth+2; }}} window.onload=init; </script>

Quellcode: