Ik ben bezig met het nieuwe ontwerp van mijn site, en nu heb ik daar een aantal titels. Ik heb hier een leuk Javascript effect bijgevoegt, waarbij de titel leuk binnenkomt. Alleen werkt dit wel op 1 titel, wil ik meerder gaan doen, dan werkt het niet meer. Deze Javascript heb ik gebruikt:
<script type="text/Javscript">
var message="Titel 1"
var neonbasecolor="#C8F7F6"
var neontextcolor="black"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>Weten jullie nu ook een manier zodat ik deze meerdere keren kan gebruiken, maar dan met andere tekst?
Alvast heel hartelijk bedankt!
Willem-Jan