Hej alla...
Jag har en array med företagsnamn som jag vill ska visas på en webbsida. De ska visas ett och ett... jag tänker mig någon sorts fade funktion.
Är det någon som har några tips på skript som har någon kul effekt ?
2 svar · 328 visningar · startad av Mattias Nordin
Hej alla...
Jag har en array med företagsnamn som jag vill ska visas på en webbsida. De ska visas ett och ett... jag tänker mig någon sorts fade funktion.
Är det någon som har några tips på skript som har någon kul effekt ?
Jag fastande till sist på följande:
<body onload="startmotor(0)">
'<script language="JavaScript1.2">
/*
Shock Wave Text script- By [email]ejl@worldmailer.com[/email]
Submitted to and featured on Dynamic Drive ([url]www.dynamicdrive.com[/url])
For full source code, usage terms, and 100's more DHTML scripts, visit [url]http://dynamicdrive.com[/url]
*/
var size = 12;
var speed_between_messages=5000 //in miliseconds
var tekst = new Array()
{
<% for i = 0 to uBound(myArray,2) %>
tekst[<%=i%>] = "<%=ChkString(myArray(1,i))%> - <%=ChkString(myArray(2,i))%>";
<% next %>
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}
function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";
}
for(k=w;k<klaar+w;k++)
{
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output;
}
function startmotor(p){
if (!document.all)
return
var loop = motor(p);
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{
var time =setTimeout("startmotor(" +(p+1) + ")", 20);
}
}
</script>
<div ID="idee"></div>