Hullámzó szöveg 2.
Ez a szöveghullámoztató script <span>-okkal, és a bennük levö betük nagyságának változtatásával
oldja meg a hullámoztatást. A szöveget a thetext változó, paramétereit a <HEAD> elején
levö <STYLE> tárolja.
Ha csak statikusan akarod használni, akkor a start() és a stop() fügvényeket nem is kellenek beimplementálnod.
A amináció elindításáshoz kattints ide.
Leállításához meg ide.
Müködéséröl nagyszavakban:
A <BODY>-s script annyi <span>-t rak ki a képernyöre, ahány betüböl áll a szöveg. Mindegyikbe beleteszi a soronkövetkezö betüt,
valamint megnöveli ill. lecsökkenti a betüméretet 10 pixellel.
A start() nem csinál mást, minthogy az elözö méretét a betünek megnöveli ill. lecsökkenti, attól
függöen, hogy a 'hullám' melyik oldalán van épp a betü, majd 100 miliszekundum után meghívja magát.
Eredmény:
Install:
Tedd a <HEAD> kódját a <HEAD>-be, a <BODY> kódját a <BODY>-n belül oda, ahol látni akarod a szöveget, a többit olvasd fenntebb.
Az animációt a start()-tal idíthatod el.
Pl.:
<a href=# onclick="start()">ide kattints</a>
vagy
Pl.: <body onload="start()">
A forráskód: