Website Tips
Home html-css • Mouseover terug knop
Google Translation
Metaaldetector Tips Banner

Mouseover terug knop

In sommige situaties kun je gebruik maken van een terug knop die de bezoeker niet aan hoeft te klikken maar er alleen overheen hoeft te hoveren om hem te laten werken.

Maak zo'n mouseover knop niet te groot zodat je bezoeker niet te snel per ongelijk de knop beroerd. Gebruik zo'n terug knop ook alleen wanneer een bezoeker vaak moet schakelen tussen dezelfde soort pagina's. Een voorbeeldje heb ik hier.
En de groene pijl hieronder werkt ook. (When page is not translated).

De mouseover terug knop kun je maken in flash op de volgende manier:

Eerst maak je een actions layer en zet er de volgende actions in:
Dus met een absolute link erin.

b1.onRollOver = function(){
getURL ("http://www.website.nl/bestandje.html","_self")
}

In de flash library sleep je een plaatje (.png) van je terug knop. Vervolgens maak je een nieuwe laag en sleep je het plaatje erop. Dan maak je er een movieclip van, en geeft 'm een instance name (in dit geval 'b1').
Om een .png plaatje een beetje smooth te krijgen in Flash kun je er met rechts op klikken. Vervolgens properties - allow smoothing, compression op lossless (png/gif) en op OK.

De button.swf kun je als volgt in je pagina('s) zetten:

<object type="application/x-shockwave-flash" data="button.swf" width="35" height="20">
<param name="movie" value="button.swf" />
<param name="quality" value="high"/>
<param name="wmode" value="opaque" />
</object>

Hieronder is de .FLA van de onmouseover terug knop te downloaden.

ps, Als je reclame banners op deze manier gaat maken zie je je bezoekers waarschijnlijk nooit meer terug !

Download mouseover terug knop




Reageer (0) 24.06.2010. 03:41