Newsfader - simpel

Dette script er virkelig velegnet til fx nyhedsboks el.l. på din hjemmeside. Teksten fader langsomt over i næste tekst.

Der er mange indstillingsmuligheder, så du selv kan angive skrifttype, størrelse, ramme, hastighed m.v.

Javascript

Eksempel >>

Sådan gør du:

Koden indsættes i dit html-dokument, der hvor du vil have computerskrften. Se det færdige html-dokument herunder.

Definer selv værdier og tekst markeret med rødt.

Alle tidsangivelser angives i tusindedele sekund (fx 4000 = 4 sek).

I teksterne kan du anvende html koder og tags til fx at angive overskrifter, fed, kursiv el.l. Se eksemplet nederst på siden.

Det færdige html dokument <html>

<body>



<script language="JavaScript1.2">

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------

var str="2"         // angiv skriftstørrelse i punkter
var font="arial"    // angiv skrifttype
var delay=5000      // angiv tid til hver besked
var overgang=200    // angiv hvor overgangstid
var fwidth=100      // angiv bredde på tekstboks
var fheight=70      // angiv højde på tekstboks

// rammen defineres herefter - tykkelse i pixel
// rammetype - solid, none, dotted, dashed etc.
var ramme="2px dotted #0000ff"

var fcontent=new Array()
begintag='<font face="' + font + '" size=' + str + '>'

fcontent[0]="Teksterne skrives her"
fcontent[1]="Du kan anvende html koder i disse linier"
fcontent[2]="Fx <b>overskrift</b> el.l."
fcontent[3]="<i>Denne tekst er i kursiv</i>"

closetag='</font>'

///////Du skal ikke ændre noget efter denne linie//////

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=1000

//function til at aendre tekst
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color= "rgb(255,255,255)"
document.getElementById("fscroller").innerHTML= begintag+fcontent[index]+closetag
//http://www.a-begynder.dk
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index] +closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document. write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub. document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

frame=20;
hex=255 // startfarve

function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=12; // foroeg farvevaerdi
//http://www.a-begynder.dk
document.getElementById("fscroller").style.color= "rgb("+hex+","+hex+","+hex+")"; // Set color value.
frame--;
setTimeout("colorfade()",overgang);
}
else{
document.getElementById("fscroller").style.color="rgb(0,0,0)";
frame=20;
hex=255
}
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:' + ramme + ';width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent
</script>



</body>

</html>

Eksempel:
Dette eksempel er sat op som i koden herover. Bemærk hvordan html koderne virker med overskrift og kursiv.

Bemærk:

Du kan kun have én newsfader på hver side. Ellers går der kuk i koden.

Til toppen >>

Annoncer her ...!