Flyvende tekst
Din overskrift animeres ved at hvert enkelt
bogstav kommer flyvende ind på skærmen.
Du kan selvdefinere hastighed,
samt hvor lang afstand bogstaverne skal flyve.
Sådan gør du:
Scriptet er ret simpelt. Du
indsætter simpelthen dette script, der hvor teksten skal
stå/flyve ind.
<h2><span id="fly"></span></h2>
<script language="JavaScript1.2">
<!-- Script starter her
//Dette og mange flere gratis scrips på @-beynder
//http://www.a-begynder.dk
//Gratis script. Slet venligst ikke vores reference
//-------------------------------------------------
window.onerror=new Function("return true")
// Definer tekst samt "flyveafstand" og hastighed
message = "Din tekst her"
distance = 500
speed =100
//// Du skal IKKE ændre noget efter denne
linie ////
////////////////////////////////////////////////////
if (!document.all)
document.write('<h2>'+message+'</h2>')
txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""
//http://www.a-begynder.dk
function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i)
!= "$"){txt=txt+"<span style='position:relative;visibility:hidden;'
id='n"+i+"'>"+message.charAt(i)+"<\/span>"};
else{txt=txt+"<br>"}};
fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=
fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}
function fly2b(){if(num4 != message.length){if(message.charAt(num4)
!= "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+
".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+
"',eval(n"+
num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+
".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+
".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+
".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}
function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2)
!= 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 &&
Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) !=
'-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2)
!= -1){eval(target+".style.visibility='visible';"+target+
".style.left=Math.floor(lef2)")};else{eval(target+
".style.visibility='visible';"+target+".style.left=
Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) !=
'-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2)
!= -1){eval(target+".style.top=Math.floor(top2)")};
else{eval(target+ ".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+
target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};
stfly()
// javascript slutter her -->
</script>
Definer selv værdierne markeret
med rødt.
Eksempel >>
Held og lykke med overskriften ...
Til toppen >> |
