Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne] Efekt BOUNCE/BLINK w czasie rzeczywistym?, jQUERY
KrzysiekKCN
post
Post #1





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 4.08.2009
Skąd: Poznań

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


Witam, przyszedł czas kiedy bardzo potrzebny mi efekt migotania, lub najlepiej podskakiwania tekstu. Niestety funkcja BLINK od netscape'u zawiodła mnie na Chromie i IE, wiec zmuszony jestem to poznania jQuery.

Znalazłem skrypt, ciut przerobiłem i oto wynik:
  1. <!DOCTYPE html>
  2. <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  5.  
  6. $(document).ready(function() {
  7.  
  8. $("#wiadomosci").click(function () {
  9. $(this).effect("bounce", { times:3 }, 300);
  10. });
  11.  
  12. });
  13. </script>
  14. </head>
  15. <p style="font-size: 62px;"><a href="#" id="wiadomosci">Wiadomości</a></p>
  16. </body>
  17. </html>


Tak. i Wszystko działa jak się klika link. a ja chciał bym żeby cały czas tak podskakiwało. Nie mam pojęcia jak to zrobić, więc proszę o jakieś podpowiedzi.

Z góry dziękuje i pozdrawiam.
Go to the top of the page
+Quote Post
drPayton
post
Post #2





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


Hmmm, nie sprawdzałem, ale skoro nie ma mozliwości ustawienia "nielimitowanej" ilości podskoków, to może po prostu:

  1. $(document).ready(function() {
  2. $("#wiadomosci").effect("bounce", { times:9999 }, 300);
  3. });

?

Ten post edytował drPayton 15.06.2011, 14:15:48
Go to the top of the page
+Quote Post
KrzysiekKCN
post
Post #3





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 4.08.2009
Skąd: Poznań

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


Jak zrobie tak jak mówisz to podskakuje tylko raz. Przy włączeniu strony.
Go to the top of the page
+Quote Post
drPayton
post
Post #4





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


Jakimś tymczasowym rozwiązaniem jest poniższe, ale ogólnie ja się poddaję :S
  1. function bounce()
  2. {
  3. $("#wiadomosci").effect("bounce", { times:1 }, 300);
  4. }
  5. $(document).ready(function() {
  6. setInterval('bounce()', 1);
  7. });




edit: w sumie to nie powinienem tego proponować, bo to, delikatnie rzecz ujmując, mało wydajny sposób...

Ten post edytował drPayton 15.06.2011, 14:42:19
Go to the top of the page
+Quote Post
KrzysiekKCN
post
Post #5





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 4.08.2009
Skąd: Poznań

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


jak bardzo mało wydajne? To będzie tak skakać jak będą jakieś nieprzeczytane wiadomości u użytkownika. Bardzo obciązy?
Go to the top of the page
+Quote Post
drPayton
post
Post #6





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


Zależy zapewne od przeglądarki, mi FF4 świruje (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
KrzysiekKCN
post
Post #7





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 4.08.2009
Skąd: Poznań

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


chrom sie wysypał po 10 minutach ^^ A coś lepszego?

WBK bank na takie coś na stronie.

Ten post edytował KrzysiekKCN 15.06.2011, 14:51:26
Go to the top of the page
+Quote Post
drPayton
post
Post #8





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


To sprawdź jak to jest tam rozwiązane i już...
Go to the top of the page
+Quote Post
sarxos
post
Post #9





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 15.06.2011

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


Dodaj wywołanie w setInterval(..) albo setTimeout(..)

Przyklad, ktory podales ma jako argument opoznienie 1 ms - to bardzo malo, czy rzeczywiscie o to Ci chodzi?

Ten post edytował sarxos 15.06.2011, 15:31:03
Go to the top of the page
+Quote Post
drPayton
post
Post #10





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


Oczywiście setInterval miał być na 1000 (czyli 1sek), mój błąd przy edycji postu (zmieniałem z 3 sekund na 1 i zera się "zjadły" :S)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.09.2025 - 03:16