Hvis du finder fejl i vore
links
eller scripts, vil vi blive glade for en ... Fejlmelding >>
Løbefarve på tekst - version 2
Denne tekst kan bruges til at lave en løbefarve
igennem en tekst ... også kaldet neontekst. Det særlige ved
denne udgave er, at teksten igen skifter tilbage til den
oprindelige farve.
Der er også indarbejdet en form
for 'hale' eller 'slør' på løbefarven, så du kan få det til at
se ud, som om teksten toner tilbage til originalfarven ... eller
simpelthen få to forskellige farver til at løbe efter hinanden
over teksten.
Der er mange indstillingsmuligheder i scriptet, så du selv kan tilpasse det
til dine egne sider.
Dette script er meget simpelt
at bruge. Bare indsæt denne kode i din html, der hvor teksten
skal være.
<h2>
<script language="JavaScript1.2">
<!-- Javascript LØBEFARVE PÅ TEKST starter her
//Script fra @-beynder - http://www.a-begynder.dk
//Vi har næsten alt til web ... blandt andet ;-)
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------
var message="Din tekst"
//Din tekst
var neonbasecolor="gray"
//Startfarve på tekst
var neontextcolor="yellow"
//Løbefarve
var neontextcolor2="red"
//Løbefarvens 'hale'
var flashspeed=100 //hastighed i
tusindedele sekund
var flashingletters=5 //Antal
farvede bogstaver
var flashingletters2=2 //'Halens'
længde (0 for ingen)
var flashpause=0 //Pause imellem
gennemløb
//// Du skal IKKE ændre noget efter denne linie /////
/////////////////////////////////////////////////////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
//document.write('<font color="red"> http://www.a-begynder.dk
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number)
: document.getElementById("neonlight"+number)
//http://www.a-begynder.dk
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1)
crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
// javascript slutter her -->
</script>
</h2>
Definer selv værdierne markeret
med rødt.
Farveværdierne kan enten
angives ved kendte engelske farveudtryk (tekst) som vist i dette
eksempel ... eller ved de almindelige hexaværdier (fx #009900).
Det er muligt at definere en
pause imellem hvert gennemløb. Vi anbefaler dog, at du sætter
denne til '0', da farven vil "fryse" på de sidste bogstaver i
pausen.
Eksempel:
Bemærk:
Skrifttypen følger den style, du har defineret
for typografien "Overskrift 2" ... også kaldet <h2>. Denne style
skal enten defineres i dit css eller i din <head>.
Hvis du ikke selv er helt hjemme i typografiark,
styles, css o.l., kan vi da godt hjælpe lidt. Bare indsæt denne kode
i din <head> sektion! Definer selv værdierne markeret med rødt:
