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

Tekst i chokwaves

Med dette script bliver din skrift nærmest trukket ind med en form for chokbølgeeffekt.

Der er mange indstillingsmuligheder i scriptet, så du selv kan tilpasse det til dine egne sider.

Javascript

Eksempel >>

 

Sådan gør du:

Koden består af to dele. Først Et script og en <div> som indsættes, der hvor teksten skal være. Sidste del er en onLoad attribut, som indsættes i selve body taget.

 

Trin 1

Indsæt dette script og <div>, der hvor teksten skal være:

<script language="JavaScript1.2">
<!-- Javascript TEKST I CHOKWAVES 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 tekstens udseende
var size = 15; //Størrelse
var color="#000099"; //Farve angivet i hexaværdi
var skrifttype="verdana" //Skrifttype

// Definer hastigheder
var speed_between_messages=2000 //Pause imellem beskeder
var ani_speed=40 //Animationshastighed

// Her skriver du dine tekster. Tilføj efter behov.
// Du kan IKKE bruge html-koder i teksterne.
var tekst = new Array()
tekst[0] = "Tekst 1";
tekst[1] = "Tekst 2";
tekst[2] = "Tekst 3";
tekst[3] = "Tekst 4";

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

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++)
//http://www.a-begynder.dk
{
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-family:"+skrifttype+",sans-serif; color:"+color+"; font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";
}
for(k=w;k<klaar+w;k++)
{
output += "<font style='font-family:"+skrifttype+",sans-serif; color:"+color+"; 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)}
//http://www.a-begynder.dk
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) + ")", ani_speed);
}
}

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

<div ID="idee"></div>

Definer selv værdierne markeret med rødt.

 

Trin 2

Herefter indsættes denne attribut i dit <body> tag:

onload="startmotor(0)"

Så kommer dit <body> tag til at se således ud:

<body onload="startmotor(0)">
 

 

Det færdige html-dokument <html>

<head>
</head>

<body onload="startmotor(0)">

<script language="JavaScript1.2">
<!-- Javascript TEKST I CHOKWAVES 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 tekstens udseende
var size = 15; //Størrelse
var color="#000099"; //Farve angivet i hexaværdi
var skrifttype="verdana" //Skrifttype

// Definer hastigheder
var speed_between_messages=2000 //Pause imellem beskeder
var ani_speed=40 //Animationshastighed

// Her skriver du dine tekster. Tilføj efter behov.
// Du kan IKKE bruge html-koder i teksterne.
var tekst = new Array()
tekst[0] = "Tekst 1";
tekst[1] = "Tekst 2";
tekst[2] = "Tekst 3";
tekst[3] = "Tekst 4";

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

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++)
//http://www.a-begynder.dk
{
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-family:"+skrifttype+",sans-serif; color:"+color+"; font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";
}
for(k=w;k<klaar+w;k++)
{
output += "<font style='font-family:"+skrifttype+",sans-serif; color:"+color+"; 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)}
//http://www.a-begynder.dk
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) + ")", ani_speed);
}
}

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

<div ID="idee"></div>


</body>

</html>

Eksempel:

 

 

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 ...!