|
We hebben nu
een leuke site, met mooie achtergronden, randjes, plaatjes en
teksten. Alles
keurig op zijn plaats gehouden door wel of niet zichtbare
tabellen.
En we weten hoe we dingen kunnen importeren. Maar
we willen nog iets meer, iets extra's.
plaatjes hangend achter de cursor, of bloemetjes die naar boven
of naar beneden over een scherm dartelen.
*******************
Dat gaat door middel van scripts.
Dat script kopieer je en plaats je in de html code die je door
middel van de knop html onderaan de werkpagina kunt zien.
Soms moeten er bij scripts gedeeltes in het head gedeelte worden
gezet, dus tussen <head> en </head>, daar waar ook
de tags staan (zie lesje)
en dan ook nog gedeeltes tussen het <body> en
</body>
******************* Hier
heb ik 2 eenvoudiger scripts genomen.
Alles komt in het body gedeelte te staan en wel bovenaan.
alleen de achtergrond van de pagina staat er nog boven. Je
begint met een klein plaatje in Frontpage te importeren.
Geef voor de eerste keer het plaatje deze maat:
40 pixels breed en 28 pixels hoog, dan hoef je nu niet meteen
alle maten in het script te veranderen. Het
script kan je hier vinden.
Het begin van het script luidt zo:
*********************
<div id="dot0"
style="position: absolute;
visibility: hidden; height: 54; width: 17;">
<img src="XXXXXXXXX.gif"
width="17"
height="54">
</div>
<div id="dot1"
style="position: absolute;
height: 50; width: 16;">
<img src="XXXXXXXXX.gif"
height=50
width=16>
</div>
<div id="dot2"
style="position: absolute;
height: 45; width: 14;">
<img src="XXXXXXXXX.gif"
height=45
width=14>
</div>
<div id="dot3"
style="position: absolute;
height: 40 width: 13;">
<img src="XXXXXXXXX.gif"
height=40
width=13>
</div>
<div id="dot4"
style="position: absolute;
height: 35; width: 11;">
<img src="XXXXXXXXX.gif"
height=35
width=11>
</div>
<div id="dot5"
style="position: absolute;
height: 30; width:9;">
<img src="XXXXXXXXX.gif"
height=30
width=9>
</div>
<div id="dot6"
style="position: absolute;
height: 25; width: 7;">
<img src="XXXXXXXXX.gif"
height=25
width=7>
</div>
<script LANGUAGE="JavaScript">
Waar allemaal
kruisjes staan vult men de naam van het gif plaatje in.
De maten laat men zo staan.
Wil je het naderhand nog eens proberen met een ander plaatje en
andere maten dan verandert men dus de Height (hoogte) en Width
(breedte maat in verhouding.
An de rest van het script doet men niets.
*******************
Script nummer 2
Dit gaat over plaatjes die over het scherm dwarelen.
Ook dit script wordt alleen maar in het body gedeelte gezet.
Dit is iets makkelijker dan het vorige, men hoeft slechts
een maal de naam van het plaatje in te brengen.
Zoek even in het script het woordje <Begin> op.
Dat gedeelte ziet er zo uit:
**********************
<!-- Begin
var no = 10; // number of
hearts
var speed = 15; // smaller
number moves the hearts faster
var heart = "XXXXXXXXX.gif";
var flag;
Waar ik dus de
kruisjes heb gezet vul je de naam van je plaatje in.
De maten hoef je niet in te vullen in dit script maar neem
de plaatjes niet te groot.
meestal geeft 35 x 35 pixels een leuk effect.
Het
floatie script vindt je hier.
Veel succes.
Maud.
terug
naar inhoud.
copyright: Maud
de Graaf.
| 
