Newsfader - udvidet

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.

I denne udvidede version er der også mulighed for link i hver tekst.

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.

I denne version har du mulighed for at angive et link med tilhørende linktekst til hver nyhed. Hvis du har nyheder, hvor du ikke ikke ønsker et link, angiver du bare "NIL" som link. Så bliver der ikke vist noget link ... 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 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"

// Du skal ikke ændre noget i disse syv linier
var overskrift=new Array()
var tekst=new Array()
var link=new Array()
var linktekst=new Array()
var fcontent=new Array()
begintag='<font face="' + font + '" size=' + str + '>'
closetag='</font>'

// Angiv hvor mange tekster der skal være
var antal=3

// Skriv overskrifter, tekster og links herunder.
// Sæt link="NIL" hvis du ikke ønsker link til
// den pågældende tekst.
// Du kan lave flere tekster ved at følge samme
// struktur. Husk bare at ændre antal herover.

overskrift[0]="Ooverskrift 1"
tekst[0]="Her kommer så brødskriften"
link[0]="dinside.htm"
linktekst[0]="link 1"

overskrift[1]="Overskrift 2"
tekst[1]="Brødtekst 2"
link[1]="NIL"
linktekst[1]="link 2"

overskrift[2]="Overskrift 3"
tekst[2]="Dette er ret cool script"
link[2]="link.htm"
linktekst[2]="link 3"

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

var x
for (x = 0;x < antal;x++) {
if (link[x] == "NIL") {
fcontent[x]="<b>" + overskrift[x] + "</b><br>" + tekst[x]
}
else {
fcontent[x]="<b>" + overskrift[x] + "</b><br>" + tekst[x] + "<br><a href='" + link [x] + "'>" + linktekst[x] + "</a>"
}
}

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

if (DOM2)
faderdelay=100

//function til at aendre indhold
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() {
//http://www.a-begynder.dk
if(frame>0) {
hex-=12; // foroeg farve vaerdi
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:
Læg mærke til at nogle af teksterne ikke har noget link.

Bemærk:

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

Til toppen >>

Annoncer her ...!