Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier

hjemmesider
scripts script scripting koder asp dhtml html java javascript javascripts css funktioner programmering web
tips tricks scripts script scripting funktioner søgemaskiner webhoteller layout webdesign server optimering html hjemmesider programmering web ftp
scripts, scripting, script, koder, tips, tricks, asp, dhtml, html, java, javascript, javascripts, css, funktioner, password, login, brugerbeskyttelse, print,  hjemmesider, hjemmeside, homepage, websted, websteder, webprogrammering, programmering, web
 
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

Flashing link

Med dette lille script kan du få et eller flere links til at blinke.

Scriptet kan fx bruges til links, som du ønsker skal tiltrække sig særlig opmærksomhed.

Javascript

Eksempel >>

 

Sådan gør du:

Scriptet består af to dele. Et javascript som indsættes i din head sektion samt nogle attributter, som indsættes i de pågældende link tags.

 

Trin 1:

Indsæt dette javascript i din <head> sektion:

<script language="JavaScript1.2" type="text/javascript">
<!-- Javascript starter her

//Script fra @-beynder - http://www.a-begynder.dk
//Vi har næsten alt til web ... blandt andet ;-)

//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------

// Definer hastighed på blink (lavere=hurtigere)
var speed=500


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

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)
//http://www.a-begynder.dk
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()", speed)
}

if (window.addEventListener)
window.addEventListener("load", init, false)
//http://www.a-begynder.dk
else if (window.attachEvent)
window.attachEvent("onload", init)
else if (document.all)
window.onload=init

// javascript slutter her -->
</script>

Definer selv hastigheden som dine links skal blinke med - markeret med rødt.

 

Trin 2:

Herefter indsætter du disse attributter i <a> taget i de links, som skal blinke:

id="flashlink0" flashtype=0 flashcolor="#009900"

Definer selv værdierne markeret med rød. Flashtype kan sættes til enten "0" for at få selve teksten til at blinke - eller "1" for at få baggrunden til at blinke. Baggrundsfarven angives i hexaværdi.

Tallet markeret med blå skal nummereres fortløbende for hvert link, der skal blinke ... 0, 1, 2 osv.   

De færdige <a> tags ser fx således ud, hvis du skal indsætte to links til samme side:

<a href="dinside.htm" id="flashlink0" flashtype=0 flashcolor="#990000">Linktekst 1</a>

<a href="enandenside.htm" id="flashlink1" flashtype=1 flashcolor="#009900">Linktekst 2</a>
 

Det færdige html-dokument <html>

<head>
<script language="JavaScript1.2" type="text/javascript">
<!-- Javascript starter her

//Script fra @-beynder - http://www.a-begynder.dk
//Vi har næsten alt til web ... blandt andet ;-)

//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------

// Definer hastighed på blink (lavere=hurtigere)
var speed=500


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

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)
//http://www.a-begynder.dk
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()", speed)
}

if (window.addEventListener)
window.addEventListener("load", init, false)
//http://www.a-begynder.dk
else if (window.attachEvent)
window.attachEvent("onload", init)
else if (document.all)
window.onload=init

// javascript slutter her -->
</script>

</head>

<body>
<a href="dinside.htm" id="flashlink0" flashtype=0 flashcolor="#990000">Linktekst 1</a>
<br>
<a href="enandenside.htm" id="flashlink1" flashtype=1 flashcolor="#009900">Linktekst 2</a>
</body>

</html>

Eksempel:

Nb Disse links er ikke aktive.

 

 

Til toppen >>


powered by FreeFind

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Annoncer her ...!