Actieve scroll-buttons III

In de rechter boven- en onderhoek van dit document bevinden zich twee knoppen (blauwe driehoeken). Die zijn gemaakt om het document waarin ze staan te laten scrollen.

Op deze pagina wordt uitgelegd hoe je dat maakt. De code met de plaatjes kun je downloaden om zelf te gebruiken.

Gebruik:

De code van het voorbeeld ziet er als volgt uit:
 
(Zet dit in de <HEAD>).

<link rel="stylesheet" href="styles.css">
<script src="scroll3.js"></script>

(Neem dit attribuut op in <BODY>-tag).

onload="initscrolling('Right')"

(Zet dit helemaal boven in de <BODY>, direct na de <body>-tag).

<div id="scrollerUp">
  <div id="scrollingUp" onMouseOver="startscrolling(-15)"
    onMouseOut="stopscrolling()"></div>
</div>
<div id="scrollerDn">
  <div id="scrollingDn" onMouseOver="startscrolling(15)"
    onMouseOut="stopscrolling()"></div>
</div

Downloaden:
 
Druk op de knop: Download deze code  File: voorb525.zip, 1479 bytes.

Opmerking:
 
Zie het item Actieve scroll-buttons II voor een variant van deze techniek.

 
terug

html-525; Laatste wijziging: 7 april 2022