Flashing links til hjemmesiden
Sat på siden 04-09-2003
Nogle af dine links er måske vigtigere end andre, og en af måderne, du kan tiltrække din gæsts opmærksomhed på, er ved at få linket til af flashe - eller blinke, som man sagde i gamle dage.
I de helt gamle dage fandtes der en HTML-kode, der hed <blink>, og som kun virkede med Netscape. Det var hensigten, at den kunne bringes til at få ord eller overskrifter til at blinke. Min mand havde brugt den til et link. Smart, men det krævede, at man VIRKELIG skulle ønske sig at følge dette link, fordi man holdt musen over det parat til at klikke, og snart var linket der, snart var det der ikke... Nåh, ja, sådan var det i internettets ungdom. Man var nødt til at prøve alle de muligheder, der fandtes, og dermed også lære, hvad man skulle og ikke skulle.
De links, du kan lave her, blinker - eller flasher - ganske vist, men linket virker hele tiden. Det forsvinder ikke, ændrer bare farven. Du kan vælge at have et link, hvor selve linkets farve skifter imellem to kulører, eller et, hvor baggrunden ændrer farve.
Følgende kode skal indsættes i <head>
/***********************************************
* Flashing Link Script- ©
Dynamic Drive (www.dynamicdrive.com)
* This notice
must stay intact for use
* Visit http://www.dynamicdrive.com/ for full
source code
***********************************************/
var flashlinks=new Array()
function changelinkcolor(){
for (i=0; i< flashlinks.length;
i++){
var flashtype=document.getElementById?
flashlinks[i].getAttribute("flashtype")*1 : flashlinks[i].flashtype*1
var
flashcolor=document.getElementById? flashlinks[i].getAttribute("flashcolor") :
flashlinks[i].flashcolor
if (flashtype==0){
if
(flashlinks[i].style.color!=flashcolor)
flashlinks[i].style.color=flashcolor
else
flashlinks[i].style.color=''
}
else
if (flashtype==1){
if
(flashlinks[i].style.backgroundColor!=flashcolor)
flashlinks[i].style.backgroundColor=flashcolor
else
flashlinks[i].style.backgroundColor=''
}
}
}
function init(){
var i=0
if (document.all){
while
(eval("document.all.flashlink"+i)!=null){
flashlinks[i]=
eval("document.all.flashlink"+i)
i++
}
}
else if
(document.getElementById){
while
(document.getElementById("flashlink"+i)!=null){
flashlinks[i]=
document.getElementById("flashlink"+i)
i++
}
}
setInterval("changelinkcolor()",
1000)
}
if (window.addEventListener)
window.addEventListener("load", init,
false)
else if (window.attachEvent)
window.attachEvent("onload",
init)
else if (document.all)
window.onload=init
</script>
Når du laver selve linket, skal du skrive således:
<a href="test.htm" id="flashlink0" flashtype=0 flashcolor="green">Eksempel 1</a>
<a href="test.htm" id="flashlink1" flashtype=1 flashcolor="lime">Eksempel 2</a>
"test.htm" skal naturligvis udskiftes med den side, du linker til.
"id" sætter linket i stand til at blinke. Det første link skal hedde "flashlink0", det næste "flashlink1", det tredje "flashlink2" osv.
"flashtype" er enten "0" (link-teksten flasher) eller "1" (baggrundsfarven flasher).
"flashcolor" er den farve, du får linket til at blinke med. Du kan enten skrive betegnelsen, som i eksemplet, eller bruge hex (ex #FF9900).
Som du vil kunne se af koden, er tippet hentet fra www.dynamicdrive.com, der er en spændende hjemmeside med masser af sjove effekter til hjemmesiden.
Læs i øvrigt mere i hæftet "Sjove effekter på hjemmesiden" fra forlaget
Libris:
http://minilien.com/?LX7odKFfRh -
husk, at der nu er 4 % FDB-medlemsbonus.