<

Ga hierboven naar "bewerken" en kies voor "alles selecteren". Terug "bewerken" en dan "kopiëren"?. Open nu outlook express en neem "nieuw bericht". Onderaan open je de "bron" en klik onderaan 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 foto's en tekst. De tekst kun je in de stand "bewerken", of zie rode tekst hieronder, aan passen en de foto's moet je in de "bron" vervangen. En dat 4 maal, zie het blauwe deel: <IMG id=pic1 src="4draaiendefoto_bestanden/………" >

<HEAD><TITLE>*Even voorstellen*</TITLE>

<BODY aLink=#ff0000 bgColor=#000000 link=#c0c0c0 text=#c0c0c0

vLink=#ffdab9><BGSOUND balance=0 loop=infinite src="" volume=-130>

<H3 align=top><BR><BR><BR>(Ga met de muis over de tekst)

<STYLE>.fly {

COLOR: aqua; FONT-FAMILY: arial; FONT-SIZE: 24px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2

}

.logo {

COLOR: blue; FONT-FAMILY: times; FONT-SIZE: 30px; LEFT: 30px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 1

}

.desc {

COLOR: red; FONT-FAMILY: arial; FONT-SIZE: 12px; LEFT: 40px; POSITION: absolute; TEXT-ALIGN: center; TOP: 66px; VISIBILITY: hidden; WIDTH: 400px

}

BODY {

BACKGROUND: #000000

}

A {

COLOR: lime

}

A:hover {

COLOR: yellow

}

</STYLE>

/* Show an object */

function showObject(object) {

object.visibility = VISIBLE;

}

/* Hide an object */

function hideObject(object) {

object.visibility = HIDDEN;

}

/* Slide the logo from top to middle */

function slideLogo(from, to) {

if (from < to) {

company.top = (from += 10);

setTimeout('slideLogo(' + from + ',' + to + ')', 75);

}

else initObjects();

}

/* Rotate selected objects */

function rotateObjects() {

for (var i = 0; i < pos.length; i++) {

pos[i] += inc; objects[i].visibility = 'visible';

objects[i].left = (r * Math.cos(pos[i])) + xoff

objects[i].top = (r * Math.sin(pos[i])) + yoff;

}

rotateTimer = setTimeout("rotateObjects()", 70);

}

/* Initialize selected objects for rotation */

function initObjects() {

/* HTML elements to be rotated, from fly1 to fly4 */

objects = new Array(fly1, fly2, fly3, fly4);

pos = new Array();

pos[0] = 0;

for (var i = 1; i < objects.length; i++) {

pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));

}

rotateObjects();

}

/* Variables for rotating objects */

var objects;

var pos;

var r = 140; // radius

var xoff = 180; // x offset

var yoff = 170; // y offset

var pi = Math.PI; // get pi

var inc = pi / 150; // degrees per rotation cycle

var objects; // objects to be rotated

var pos; // position for objects

</SCRIPT>

<P></P>

<DIV class=fly id=fly1><A href="file:///C:/homepage/#"

onmouseout=hideObject(desc1) onmouseover=showObject(desc1)>1 foto

!</A><BR></DIV>

<DIV class=fly id=fly2><A href="file:///C:/homepage/#"

onmouseout=hideObject(desc2) onmouseover=showObject(desc2)>2 foto

!</A><BR></DIV>

<DIV class=fly id=fly3><A href="file:///C:/homepage/#"

onmouseout=hideObject(desc3) onmouseover=showObject(desc3)>3 foto

!</A><BR></DIV>

<DIV class=fly id=fly4><A href="file:///C:/homepage/#"

onmouseout=hideObject(desc4) onmouseover=showObject(desc4)>4 foto</A><BR></DIV>

<DIV class=desc id=desc1><IMG height=256

src="4draaiendefoto_bestanden/jerom.gif" width=175></DIV>

<DIV class=desc id=desc2><IMG height=104

src="4draaiendefoto_bestanden/suske.gif" width=235></DIV>

<DIV class=desc id=desc3><IMG height=193

src="4draaiendefoto_bestanden/wiske.gif" width=189></DIV>

<DIV class=desc id=desc4><IMG height=152

src="4draaiendefoto_bestanden/lambik.gif" width=128></DIV>

/* Simple version detection */

var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

/* They can be used in place

of hidden and visible because on occasion Navigator has problems with the two */

var HIDDEN = (isNS) ? 'hide' : 'hidden';

var VISIBLE = (isNS) ? 'show' : 'visible';

/* Create shortcut variables for different absolutely positioned elements */

var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;

var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;

var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;

var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;

var company = (isNS) ? document.company : document.all.company.style;

var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;

var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;

var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;

var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;

/* Begin the sliding of the logo */

slideLogo(0, 220);

</SCRIPT>