<! 2) Gekleurde letters- Ga hierboven naar “bewerken” en kies voor “alles selecteren”. Terug “bewerken” en dan “kopieren”?. Open nu outlook express en neem “nieuw bericht”. Onderaan open je de “bron” en klik tussen </BODY><!</HTML> <! Dat is daar waar het groene tekens staan en klik daarna met de rechtermuisknop. Kies nu voor “plakken” en onderaan op “voorbeeld”. Je ziet dat je mail klaar is behalve je tekst. Die kun je in de stand “bewerken” aan passen. Of je doet het in de “bron”, zie rode tekst;>

</HEAD>

<DIV> </DIV></BODY><META content="text/html; charset=iso-8859-1" http-equiv=Content-Type><BASE

href="file://C:\Program Files\Common Files\Microsoft Shared\Stationery\">

<STYLE type=text/css>BODY {

COLOR: black; FONT-FAMILY: Georgia, Times New Roman, Times, serif; FONT-SIZE: 14px

}

.default {

FONT-SIZE: 24px

}

.big {

FONT-SIZE: 53px; FONT-STYLE: italic

}

.bigbold {

FONT-SIZE: 36px; FONT-WEIGHT: bold

}

.ding {

FONT-FAMILY: "WingDings"; FONT-SIZE: 72px

}

</STYLE>

<DIV> </DIV><BGSOUND balance=0 loop=infinite

src="e:\hp\klank\bleak(2).mid" volume=0>

<DIV>

//==============================================================================

// Text Animator

//==============================================================================

// Sequence definition

// start time (in "ticks")

// text

// CSS class

// x coord, y coord (pixels)

// z index (bigger numbers are closer)

// r, g, b (text colour, each range 0-255)

// fade in speed(0-1)

// change in x coord during fade in

// change in y coord during fade in

// hold time

// fade out speed(0-1)

// change in x coord during fade out

// change in y coord during fade out

i=1

m="Hallo, Dit is ook weer een mooie. Groetjes aan mijn liefje ";

txt = new Array();

txt[i++] = new Array(0, m,"big", 50,50,11, 0,0,0, 0.05,50,40, 90, .02,0,0);

txt[i++] = new Array(2, m,"big", 50,50,10, 239,134,18, 0.05,50,40, 86, .02,-10,-10);

txt[i++] = new Array(4, m,"big", 150,50,9, 239,217,18, 0.05,-50,40, 82, .02,100,20);

txt[i++] = new Array(6, m,"big", 50,50,8, 194,238,19, 0.05,50,40, 78, .02,-130,30);

txt[i++] = new Array(8, m,"big", 150,50,7, 18,239,46, 0.05,-50,40, 74, .02,130,-40);

txt[i++] = new Array(10, m,"big", 50,50,6, 18,239,151, 0.05,50,40, 70, .02,-150,50);

txt[i++] = new Array(12, m,"big", 150,50,5, 17,240,240, 0.05,-50,40, 66, .02,150,60);

txt[i++] = new Array(14, m,"big", 50,50,4, 16,84,241, 0.05,50,40, 62, .02,-170,-70);

txt[i++] = new Array(16, m,"big", 150,50,3, 134,15,242, 0.05,-50,40, 58, .02,170,80);

txt[i++] = new Array(18, m,"big", 50,50,2, 199,215,121, 0.05,50,40, 54, .02,-190,90);

txt[i++] = new Array(20, m,"big", 150,50,1, 243,14,105, 0.05,-50,40, 50, .02,190,-100);

//==============================================================================

//constants

D_FADINGIN=4;

D_HOLDING=3;

D_FADINGOUT=2;

D_REMOVEME=1;

MAXD=15;

W_REPEAT=true;

//==============================================================================

//Globals

words=new Array(MAXD);

avail=new Array(MAXD);

var p=1;

var t=0;

//==============================================================================

//Initialisation

//create divisions - these will be reused. Make sure MAXD id set high enough to

//accommodate the largest number of text sections you are likely to have active

//at the same time.

for(i=1;i<=MAXD;i++){

newDiv = "<DIV ID='W" + i + "' CLASS='default'";

newDiv = newDiv + " STYLE='position:absolute;top:0;left:0;z-index:0;color:RGB(0,0,0);'></DIV>";

document.write(newDiv);

avail[i]=true;

}

window.setInterval("tick();",20);

function getDiv()

{

for(i=1;i<=MAXD;i++){

if(avail[i]==true)return(i);

}

return(0);

}

function tick()

{

if(p>0){

n=-1

while(p>0 && t>=txt[p][0] && n!=0){

n=getDiv();

if(n>0){

words[n]=new word(n,txt[p][1],txt[p][2],txt[p][3],txt[p][4],txt[p][5],txt[p][6],txt[p][7],txt[p][8],255,255,255,txt[p][9],txt[p][10],txt[p][11],txt[p][12],txt[p][13],txt[p][14],txt[p][15]);

words[n].addDivision();

avail[n]=false;

if(p<txt.length-1){

p++;

}

else{

p=0;

}

t++;

}

else{

if(W_REPEAT==true){

finished=true;

for(i=1;i<=MAXD;i++){

if(avail[i]==false)finished=false;

}

if(finished==true){

p=1;

t=0;

}

//Remove completed word sequence objects and free up the div

for(i=1;i<=MAXD;i++){

if(words[i]!=null){

if(words[i].status==D_REMOVEME){

words[i].killDivision();

avail[i]=true;

words[i]=null;

}

else{

words[i].fadeIt();

}

function addDivision()

{

D = document.all["W" + this.divref];

D.style.top=this.top;

D.style.left=this.left;

D.style.zIndex=this.z;

D.style.color="RGB("+ this.brcolour + "," + this.bgcolour + "," + this.bbcolour + ")";

D.className=this.cssclass;

D.innerText=this.text;

}

function killDivision()

{

document.all["W" + this.divref].innerText="";

}

function fadeIt()

{

//Fade in sequence

if(this.status==D_FADINGIN){

this.fade=this.fade+this.fadein;

if(this.fade>=1){

this.fade=1;

this.status=D_HOLDING;

}

if(this.fade<0){

this.fade=0;

}

red=Math.round(this.brcolour+this.fade*(this.rcolour-this.brcolour));

green=Math.round(this.bgcolour+this.fade*(this.gcolour-this.bgcolour));

blue=Math.round(this.bbcolour+this.fade*(this.bcolour-this.bbcolour));

D = document.all["W" + this.divref];

D.style.color="RGB(" + red + "," + green + "," + blue + ")";

D.style.left=Math.round(this.left+this.fade*this.idx);

D.style.top=Math.round(this.top+this.fade*this.idy);

}

//Hold sequence

if(this.status==D_HOLDING){

this.hold--;

if(this.hold<=0){

this.status=D_FADINGOUT;

}

//Fade out sequence

if(this.status==D_FADINGOUT){

this.fade=this.fade-this.fadeout;

if(this.fade<=0){

this.fade=0;

this.status=D_REMOVEME;

}

if(this.fade>1){

this.fade=1;

}

red=Math.round(this.brcolour+this.fade*(this.rcolour-this.brcolour));

green=Math.round(this.bgcolour+this.fade*(this.gcolour-this.bgcolour));

blue=Math.round(this.bbcolour+this.fade*(this.bcolour-this.bbcolour));

D = document.all["W" + this.divref];

D.style.color="RGB(" + red + "," + green + "," + blue + ")";

D.style.left=Math.round(this.left+this.idx+(1-this.fade)*this.odx);

D.style.top=Math.round(this.top+this.idy+(1-this.fade)*this.ody);

}

function word(divref,text,cssclass,left,top,z,rcolour,gcolour,bcolour,brcolour,bgcolour,bbcolour,fadein,idx,idy,hold,fadeout,odx,ody)

{

//properties

this.divref=divref; //reference number of this "word"

this.text=text; //content

this.cssclass=cssclass; //css style class

this.left=left; //x coordinate (pixels)

this.top=top; //y coordinate (pixels)

this.z=z; //z-index

this.rcolour=rcolour; //hold colour red component

this.gcolour=gcolour; //hold colour green component

this.bcolour=bcolour; //hold colour blue component

this.brcolour=brcolour; //background colour red component

this.bgcolour=bgcolour; //background colour green component

this.bbcolour=bbcolour; //background colour blue component

this.hold=hold; //how many fade ticks to wait before starting to fade

this.fade=0; //fade position

this.fadein=fadein; //fade in rate

this.idx=idx; //x movement during fade-in

this.idy=idy; //y movement during fade in

this.fadeout=fadeout; //fade out rate

this.odx=odx; //x movement during fade out

this.ody=ody; //y movement during fade out

this.status=D_FADINGIN; //current status

//methods

this.addDivision=addDivision; //fill in a division

this.killDivision=killDivision; //clear a division

this.fadeIt=fadeIt; //step through the fade in/hold/fade out sequence

}

</SCRIPT>

</DIV></DIV></BODY>