Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: znikanie obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki
slevin23
witam serdecznie,
chciałem zapytać jak można zrobić coś takiego w java script:
Po kliknięciu na obrazek powinien on stopniowo zanikać, a po całkowitym zamknięciu powinien pojawić się (również stopniowo) w lewym górnym rogu okna przeglądarki. W tej pozycji obrazek powinien mieć margines 10 pixeli od krawędzi przeglądarki. Po kliknięciu na obrazek powinien on przenieść się w opisany wyżej sposób w prawy dolny róg przeglądarki.
nie ogarniam w ogóle JavaScript.
Macie może jakieś pomysły ?
Dzięki bardzo.
Shili
Czy to ma być natywny JavaScript, czy dozwolone jest korzystanie z bibliotek?

Jeśli można zrobić to na bazie jQuery - polecam (nie zaniedbując zwykłego JS - jQuery jest tylko biblioteką, frameworkiem, nadal trzeba mieć wiedzę o JS, aby dobrze się tam poruszać).

Polecam zapoznać się ze słówkiem kluczowym this i zdarzeniem click (lub onclick)

Jeśli chodzi o jQuery polecam zapoznanie się z funkcjami:
fadeIn() - http://api.jquery.com/fadeIn/
fadeOut() - http://api.jquery.com/fadeOut/
css() - http://api.jquery.com/css/
addClass() - http://api.jquery.com/addClass/

W razie czego po pierwszym kliknięciu możesz dodać klasę lefttop - wtedy będziesz wiedział, że jak kliknie się w obiekt, a obiekt będzie miał klasę lefttop (http://api.jquery.com/hasClass/) to trzeba go przerzucić na dół.

Zmianę pozycji najlepiej oprzeć właśnie na klasach i stylach css.
Przez js tylko sprawdzanie kliknięcia i animacje.

Jeśli natomiast musisz użyć natywnego JS:
http://www.switchonthecode.com/tutorials/j...-fade-animation
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.