Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Onmouseover, settimeout()
kpt_lucek
post 12.07.2011, 09:38:25
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Witam!

Raczkuję w tematyce js, a efekt który chciałbym zrobić niestety opiera się tylko i wyłącznie na js (tj. css nie pozwoli na zrobienie tego w taki sposócool.gif.

Teraz co do problemu:
Planuję zrobić menu z efektem NEON, elementy menu będą (bez najeżdżania na link) zwykłym tekstem, po najechaniu miałyby się zmienić cień tekstu na ten:

text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

Normalnie można zrobić coś takiego w CSS, lecz ja bym chciał aby ten cień pojawiał się stopniowo, na przykład w ciągu 2 sekund. Dlatego wydaje mi się iż funkcja setTimeout() jest tu idealna.



Liczę że uzyskam tutaj rozwiązanie swojego problemu.

Dziękuję i pozdrawiam!


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
krowal
post 12.07.2011, 10:21:50
Post #2





Grupa: Zarejestrowani
Postów: 561
Pomógł: 72
Dołączył: 15.11.2006

Ostrzeżenie: (0%)
-----


Raczej setInterval()
[JAVASCRIPT] pobierz, plaintext
  1. setInterval(function(){
  2. /*animujesz to co chcesz*/
  3. },30)
[JAVASCRIPT] pobierz, plaintext


--------------------
Nawet świnka może wejść na drzewo kiedy jest chwalona :)
Go to the top of the page
+Quote Post
mat-bi
post 12.07.2011, 10:37:02
Post #3





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

Ostrzeżenie: (0%)
-----


Zamiast męczyć się z czystym JS, lepiej przejrzyj np. jQuery i poszukaj, napewno taki efekt jest
Go to the top of the page
+Quote Post
kpt_lucek
post 12.07.2011, 10:40:35
Post #4





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Jak już napisałem, jeżeli chodzi o JS i JS podobne to ja dopiero raczkuję, znam podstawy które raczej nie wystarczą aby napisać odpowiednią funkcję bazującą na JQuery...


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
Rid
post 12.07.2011, 11:31:05
Post #5





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Nie wydaje mi się ,żeby JQ było dużo trudniejsze od JS-a możliwość, nawet jeśli chodzi o animacje są dużo większe od JS.
Niech Pan zajrzy do manuala JavaQuery.
Go to the top of the page
+Quote Post
zegarek84
post 12.07.2011, 21:09:51
Post #6





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----


Cytat(kpt_lucek @ 12.07.2011, 10:38:25 ) *
Normalnie można zrobić coś takiego w CSS, lecz ja bym chciał aby ten cień pojawiał się stopniowo, na przykład w ciągu 2 sekund. Dlatego wydaje mi się iż funkcja setTimeout() jest tu idealna.

może i jest idealna ale w nowych przeglądarkach w samym CSS ten efekt też osiągniesz
http://css3.bradshawenterprises.com/cfimg1/ - co prawda nie efekt cienia ale..
a najlepiej przejrzyj całość:
http://css3.bradshawenterprises.com/


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 02:35