JavaScript: Ha en scrollande banner p� sidan

HA EN SCROLLANDE BANNER P� SIDAN

Detta script fungerar helt med IE 5, 6 och 7. Med IE4 scrollar inte texten, men texten visas med den gl�dande effekten. I NN4, NN6 och Opera 5 s� visas texten utan den gl�dande effekten och utan scrollning.

Detta s�tter du direkt efter din BODY-tagg (direkt efter <BODY>):

<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at:     *---
//--http://www.JavaScript.nu/javascript                     *---
//--This script is FREE, but you MUST let these lines       *---
//--remain if you use this script.                          *---

temp=0;
textSnutt=new Array();

// ###########################################################################
// ############ H�R �NDRAR DU DE L�TTA INST�LLNINGARNA I SCRIPTET ############
// ###########################################################################

//***---Hur m�nga tecken ska visas samtidigt. Om du v�ljer f� tecken s� anv�nds bara en liten del av f�ltet. Har du ett stort v�rde h�r (dvs. ett st�rre tal �n du har antal tecken i varje str�ng) s� visas hela str�ngen. Kort och gott: Vill du INTE att dina str�ngar ska kapas s� fyller du i ett stort tal h�r, t.ex. 10000.
syns=10000;

//***---Ange hur snabbt scripetet ska g�. Ha ett l�gt v�rde om du vill att det ska rulla fort.
hastighet=50;

//***---Hur m�nga millisekunder ska varje text visas d� den helt skrivits ut. (Exempel: 3000 som v�rde betyder 3 sekunder)
tidVarjeTextVisas=1500;

//***---H�r anger du dina texter
textSnutt[temp++]="V�lkommen till JavaScript.nu!";
textSnutt[temp++]="Visst �r detta script coolt!";
textSnutt[temp++]="Det tycker i alla fall jag ;-)";

//***---Denna HTML-snutt visas f�re texterna ovan.
innanText="<FONT SIZE='+1' COLOR=#ffff00 FACE='verdana, arial'><B>"

//***---Denna HTML-snutt visas efter texterna ovan.
efterText="</B></FONT>"

//***---H�r anger du tabellens marginaltjocklek.
tabellMarginal=2;

//***---�t vilket h�ll ska menyn vara placerad? ENDAST left, right och center f�r fyllas i h�r.
alignVarde="center";

//***---Ange scriptets bakgrundsf�rg
bakgrundsFarg="#000000";

//***---Ange hur stort f�ltet ska vara i pix. Du kan inte ange procentuella v�rden.
faltBredd=468;
faltHojd=60;

//***---H�r anger du f�rgen p� "gl�den" p� den "gl�dande" texten. Anger du "red" blir texten "eldig" och anger du "white" blir texten "sn�ig". Experimentera med olika f�rger och nyanser tills du �r n�jd.
fargPaGlodandeText="red";

//***---H�r anger du hur kraftig "gl�d" texten ska ha. Anger du 0 som v�rde blir gl�den knappt synlig. Anger du ett v�rde �ver 10 blir gl�den mycket kraftig. Ibland kanske man vill ha en viss effekt som man uppn�r med v�rden p� �ver 100. Testa s� f�r du se.
glodensStyrka=10;

//***---Detta script fungerar med Internet Explorer 5 (och b�ttre) och med Firefox. Detta meddelande kommer visas till de webbl�sare som inte st�djer det h�r scriptet:
textForGammalWebblasare="<FONT SIZE='+1' COLOR=#ffff00 FACE='verdana, arial'><B>Hej och v�lkommen till denna sida!</B></FONT>";

// ###########################################################################
// ########## H�R �NDRAR DU DE AVANCERADE INST�LLNINGARNA I SCRIPTET #########
// ###########################################################################

//***---�ndra INTE detta om du inte vet vad du g�r! H�r anger du lagrens namn. "lagerNamnSPAN" finns inuti "lagerNamnDIV".
lagerNamnDIV="rullandelager";
lagerNamnSPAN="rullandelagertext";

//***---�ndra INTE detta om du inte vet vad du g�r! H�r �ndrar du om lagret ska placeras med relativt eller absolut. Anger du 0 nedan blir det relativt, annars blir det absolut.
absoluteRelative=0;

//***---�ndra INTE detta om du inte vet vad du g�r! Dessa v�rden har INGEN betydelse om du ovan angett 0 (placerat lagret relativt). Om du d�remot inte har v�rdet 0 ovan s� �ndrar du med vilka koordinater lagret ska placeras relativt sidans �versta v�nstra kant.
absoluteTop=0;
absoluteLeft=0;

// ###########################################################################
// ################�NDRA INGET NEDAN OM DU INTE VET VAD DU G�R################
// ###########################################################################

tempRaknare=0

positionsInformation="position:relative;";
if (absoluteRelative)
	positionsInformation="position:absolute; top:"+absoluteTop+"; left:"+absoluteLeft+";";

alignVarde=alignVarde.toLowerCase();
if (alignVarde!="left" && alignVarde!="center" && alignVarde!="right")
{
	alignVarde="center";	//Om inget korrekt v�rde givits �r detta standard
}

function rulla(nr)
{
txt=textSnutt[nr];
visa_detta=txt.substring(tempRaknare-syns,tempRaknare)
tempRaknare++

if (txt.length==tempRaknare-1)
	{
		document.getElementById(lagerNamnSPAN).innerHTML=innanText+visa_detta+efterText;
		tempRaknare=0;
		nr++;
		if (nr>=textSnutt.length)
			nr=0;
		setTimeout("rulla('"+nr+"')", tidVarjeTextVisas)
	}
	else
	{
		document.getElementById(lagerNamnSPAN).innerHTML=innanText+visa_detta+"|"+efterText;
		setTimeout("rulla('"+nr+"')",hastighet)
	}
}

document.write("<DIV ID='"+lagerNamnDIV+"' STYLE='"+positionsInformation+" width:"+faltBredd+"; heigth:"+faltHojd+"; clip: rect(0,"+faltBredd+","+faltHojd+",0)'>");
document.write("<TABLE BORDER='0' CELLPADDING=0 CELLSPACING=0 WIDTH='"+faltBredd+"' HEIGHT='"+faltHojd+"'>");
document.write("<TR><TD><TABLE BORDER='0' CELLPADDING="+tabellMarginal+" CELLSPACING=0 BGCOLOR='"+bakgrundsFarg+"' WIDTH='"+faltBredd+"' HEIGHT='"+faltHojd+"'>");
document.write("<TR><TD VALIGN='top' ALIGN='"+alignVarde+"'>");
document.write("<SPAN ID='"+lagerNamnSPAN+"' STYLE='FILTER: glow(color="+fargPaGlodandeText+", strength="+glodensStyrka+");HEIGHT: "+(faltHojd-2*tabellMarginal)+"px; WIDTH: "+(faltBredd-2*tabellMarginal)+"px'>");
document.write(textForGammalWebblasare);
document.write("</SPAN>");
document.write("</TD></TR></TABLE></TD></TR></TABLE>");
document.write("</DIV>");

if (document.getElementById)
	rulla(0);
//-->
</SCRIPT>

Om du inte vet hur du ska spara JavaScriptet till din hemsida, tryck d� h�r.