Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tekst rozjasniający się"
Forum PHP.pl > Forum > Po stronie przeglądarki
mtskilla
Wie może ktos jak zrobic cos takiego jak jest na stronie http://www.google.pl/ ? po zaladowaniu sie strony "pojawia" sie inny tekst? widzialem to jeszcze w jakiejs stornie ale niestety nie pamietam nazwy ona cala sie tak ładnie "przeładowywała" czy to zasługa CSS?

pozdrawiam
daniel1302
jQuery i funkcja hide(NUM), show(NUM)
karolrynio
Lub scriptaculous i
http://wiki.github.com/madrobby/scriptaculous/effect-opacity
Kod
new Effect.Opacity('id_elementu', { from: 0.0, to: 0.1, duration: 1.5 });
mtskilla
spoko. a moglibyscie naprowadzic mnie jak tego uzyc? trzeba pobrac jakas biblioteke tak?
skowron-line
Cytat(mtskilla @ 17.02.2010, 20:52:11 ) *
spoko. a moglibyscie naprowadzic mnie jak tego uzyc? trzeba pobrac jakas biblioteke tak?


Tak trzeba pobrać bibliotekę JS np jQuery lub scriptaculous albo Mootools -a
dołączyć pliki do strony
i wywołać odwołując się do konkretnego elementu w którym to tekst ma się rozjaśnić lub ściemnić.

w Mootoolsie to by wyglądało tak
[JAVASCRIPT] pobierz, plaintext
  1. window.addEvent('domready', function(){
  2. $('div').fade('out'); // przyciemnianie (div) to id elementu
  3. $$('p').fade('out'); // p to class -a
  4. });
[JAVASCRIPT] pobierz, plaintext

http://mootools.net/docs/core/Fx/Fx.Tween#Element:fade i inne opcje fade.
piotrooo89
czyli podsumowując - dla jakichkolwiek frameworków szukaj z hasłem - fade.
mtskilla
Super dzieki wielkie smile.gif

wszystko ładnie działa tylko powiedzcie mi bo mam pewien problem. jak opóznic start?

zrobilem tak:

new Effect.Opacity('id', { from: 0.0, to: 1, duration: 1.5, delay: 3, })

i owszem opoznia mi o 3 sekundy ale calą animacje.. wiec przez pierwsze 3 sekundy tekst jest widoczny, potem szybko znika i sie pojawia zgodnie z efektem opacity...

w scriptaculous robie - fajna sprawa yahoo.gif
karolrynio
Chodzi Ci o to, że zanim strona się nie załaduje to masz widoczny tekst, a później dopiero później ładuje się animacja? Możesz dać adres strony?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.