Hoe maak je een muis-Over Effect met Dreamweaver. Een "muis-over"-effect treedt op wanneer een gebruiker de muisaanwijzer beweegt
op een afbeelding. Wanneer de muisaanwijzer op de afbeelding, verandert het in iets anders. Dit is vooral handig voor navigatieknoppen. Dreamweaver 3.0 heeft muis-over opdrachten klaar voor u om in te stellen!
Wat die u nodig hebt
- Macromedia Dreamweaver
Start van Dreamweaver en open de pagina die de muis-over effect zal worden gevestigd op.
Open het menu Invoegen en selecteert u de Rollover-afbeelding. Er verschijnt een dialoogvenster.
Typ de naam van de afbeelding moet worden in het eerste vak rolde. Bijvoorbeeld, zou kunnen je noemen een introductiepagina knop Home Rollover.
In het volgende vak, typt u de locatie van de afbeelding die wordt weergegeven op de pagina. Klik op Bladeren en kies een afbeelding van uw harde schijf.
In het vak Rollover-afbeelding Geef de locatie van het beeld dat zal worden weergegeven wanneer de muis over de afbeelding beweegt. Klik op Bladeren en kies een afbeelding van uw harde schijf.
Als de afbeelding is aanklikbaar (gekoppeld), typt u het webadres in het vak ernaast. Klik op OK.
Sla de pagina wanneer u klaar bent.
Test de muis-over door te kiezen voor voorbeeld in Browser in het menu bestand. Beweeg uw muis over de afbeelding om te zien de nieuwe afbeelding zijn plaats innemen.
- Zorg ervoor dat het selectievakje Preload Rollover-afbeelding is ingeschakeld. Dit ervoor zorgen dat de beelden worden gebruikt in de muis-over in de website worden geladen voordat de gebruiker heeft een kans om de muisaanwijzer op de basisafbeelding, vermindering van de kans op fouten.
- Beide afbeeldingen moeten dezelfde grootte.
- Een muis-over maakt deel uit van een groep acties genoemd "gedrag" in Dreamweaver. Gedrag, waardoor zijn evenementen (zoals de positionering van de muis) die leiden acties tot (zoals het weergeven van een nieuwe afbeelding), zijn opgebouwd uit kleine stukjes van JavaScript-code die vertelt de browser om een functie te vervullen. Zie voor meer informatie over JavaScript, "Hoe om te leren over JavaScript" en "Hoe te voegen JavaScript aan een webpagina met Dreamweaver," onder Verwante eHows.