<script type="text/javascript"> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != '[object]'){ //do this so I can take a string too setTimeout('nereidFade('+object+','+destOp+','+rate+','+delta+')',0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout('nereidFade(nereidFadeObjects['+object.sourceIndex+'],'+destOp+','+rate+','+delta+')',rate); } } </script> <marquee behavior="scroll" valign="bottom" direction="up" height="150" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"> </marquee>
Dzięki niemu buttony które wrzucam na stronie pojawiają się w małym paneliku, wyjeżdżają z dołu, i znikają u góry, efekt zapętlony.
Czytałem jednak, iż marguee nie jest zgodne ze specyfikacji HTML oraz XHTML i de facto został wprowadzony tylko do IE (choć w innych też działa). Wszędzie się pisze że podobny efekt można uzyskać używając CSS, może mi ktoś pomoc coś takiego zrobić?