Linkskifter

Et lille script der genererer en tekstboks med links, som skifter efter et defineret tidsrum.

En særlig funktion i dette script er, at du kan klikke frem og tilbage i de viste links, samtidig med at de også skifter automatisk.

Scriptet kan opsættes med så mange links, du ønsker.

Javascript

Eksempel >>

Sådan gør du:

Scriptet består af to dele ... en style, som indsættes i din head sektion og selve scriptet, som indsættes der på siden, hvor linkskifteren skal sidde.

Trin 1

Indsæt denne style i din <head> sektion:

Du skal ikke ændre noget i denne style, da den kun bestemmer udseendet af pilene til at "bladre" frem og tilbage imellem dine links.

Trin 2

Indsæt dette script i din html kode, hvor du vil have din linkskifter

<script language="javascript">

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

//Scriptet kan frit anvendes, men slet venligst ikke vores reference
/////////////////////////////////////////////////////////

// Her indtaster du teksterne til dine links. Tilføj flere efter behov.
// Der skal IKKE være komma efter den sidste link
var msgs = new Array(
"@-begynder ... stedet for webmasters",
"Tilmeld dig vores mailliste på forsiden!",
"Prøv vores Online Tools!",
"Lær at opbygge hjemmesider med FrontPage",
"@-begynder ... enhver webmasters drøm"
);

// Her intaster du URL til dine links, svarende til ovenstående tekster.
// Der skal IKKE være komma efter den sidste url
var msg_url = new Array(
"http://www.a-begynder.dk",
"http://www.a-begynder.dk",
"http://www.a-begynder.dk/tools/tools.htm",
"http://www.a-begynder.dk/frontpage/frontpage.htm",
"http://www.a-begynder.dk"
);

var barwidth=350              // Sæt bredde på baren
var setdelay=3000             // Tid i tusinde dele sekund
var mouseover_color='#cccccc' // Definer farve ved mouse-over
var mouseout_color='#ffffff'
var text_color='#000099'      // Definer tekstfarve

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

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News">');
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="color:#'+text_color+';background:#ffffff; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color">');
document.write('<input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //flyt fremad
if (count<msgs.length-1)
count++
else
count=0
}
else{ //flyt bagud
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

setInterval("moveit(1)",setdelay)

function goURL(){
location.href=msg_url[count];
}

init_news_bar();

</script>

Definer selv værdierne angivet med rødt.

Du kan tilføje og slette linktekster og url's efter behov.

Det anbefales IKKE at angive en baggrundsfarve her, da tekstboksen kun vil ændre farve EFTER mouse-out.

Det færdige html dokument <html>

<body>



<script language="javascript">

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

//Scriptet kan frit anvendes, men slet venligst ikke vores reference
/////////////////////////////////////////////////////////

// Her indtaster du teksterne til dine links. Tilføj flere efter behov.
// Der skal IKKE være komma efter den sidste link
var msgs = new Array(
"@-begynder ... stedet for webmasters",
"Tilmeld dig vores mailliste på forsiden!",
"Prøv vores Online Tools!",
"Lær at opbygge hjemmesider med FrontPage",
"@-begynder ... enhver webmasters drøm"
);

// Her intaster du URL til dine links, svarende til ovenstående tekster.
// Der skal IKKE være komma efter den sidste url
var msg_url = new Array(
"http://www.a-begynder.dk",
"http://www.a-begynder.dk",
"http://www.a-begynder.dk/tools/tools.htm",
"http://www.a-begynder.dk/frontpage/frontpage.htm",
"http://www.a-begynder.dk"
);

var barwidth=350 // Sæt bredde på baren
var setdelay=3000 // Sæt tid i tusinde dele sekund
var mouseover_color='#cccccc' // Definer farve ved mouse-over
var mouseout_color='#ffffff'
var text_color='#000099' // Definer tekstfarve

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

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News">');
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="color:#'+text_color+';background:#ffffff; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color">');
document.write('<input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //flyt fremad
if (count<msgs.length-1)
count++
else
count=0
}
else{ //flyt bagud
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

setInterval("moveit(1)",setdelay)

function goURL(){
location.href=msg_url[count];
}

init_news_bar();

</script>


</body>

</html>

Eksempel >>

... endnu et script lige til at putte i lommen
... eller sætte ind på din hjemmeside ;-)

Til toppen >>

Annoncer her ...!