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.