Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery]emulacja <marquee>
zdzichu
post 15.09.2008, 16:24:58
Post #1





Grupa: Zarejestrowani
Postów: 131
Pomógł: 0
Dołączył: 28.08.2006

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


Witajcie,
mam następujący problem:
chciałbym wykonać pasek z newsami a'la ten z tvn24(mowie teraz o tv, nie .pl winksmiley.jpg ) - większość stron (głównie wyświetlają w ten sposób dane giełdowe) rozwiązuje problem za pomocą flasha, ja jednak wolałbym to rozwiązać za pomocą jquery - niestety, nie bardzo wiem jak się za to zabrać. na visualjquery.com nie znalazłem funkcji, która przesuwa tekst w lewo - ale to w sumie nie jest najtrudniejsze. Problelem byłoby zrobienie, by "nadmiarowy" tekst się nie pokazywał (css: overflow:hidden; ? ) -jednak zapętlenie wiadomości sprawiałoby mi już problem. Chciałbym też, żeby po najechaniu na link przewijanie się zatrzymywało. Na plugins.jquery.com stosownego pluginu nie widziałem - może ktoś pomóc? Z góry dzięki smile.gif
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
sowiq
post 15.09.2008, 16:43:58
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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


Coś tam znalazłem, może Ci się przyda:
http://stud.aitel.hist.no/~biberg/test/js/scroll.html
http://www.gcmingati.net/wordpress/wp-cont...ery/newsticker/


Co do Twoich pytań:
1) overflow: hidden wystarczy smile.gif
2) Zapętlanie. Ja bym to zrobił tak: robisz sobie dwa div'y z tymi samymi newsami obok siebie. Przesuwasz je w lewo, ale widoczny jest tylko pierwszy. Kiedy pierwszy zaczyna się kończyć, powoli wjeżdża drugi (i wtedy widać ostatnią i pierwszą wiadomość newsa). Kiedy już div'y przesuną się w lewo na tyle, że ten pierwszy będzie niewidoczny, usuwasz go za pomocą DOM, żeby wstawić go za tym drugim div'em. I tak dalej.

Wizualizacja smile.gif
1) <- |123456|123456_
2) <- |456123|456_
3) <- |123456|_
4) <- |123456|123456_

Ten post edytował sowiq 15.09.2008, 16:45:16
Go to the top of the page
+Quote Post
Cienki1980
post 15.09.2008, 17:22:06
Post #3





Grupa: Przyjaciele php.pl
Postów: 1 590
Pomógł: 40
Dołączył: 11.01.2007
Skąd: Centrum

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


Proszę napisane w jquery:

scroll ala tvn24


--------------------
404
Go to the top of the page
+Quote Post
zdzichu
post 15.09.2008, 18:29:05
Post #4





Grupa: Zarejestrowani
Postów: 131
Pomógł: 0
Dołączył: 28.08.2006

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


@Cienki1980 - dokładnie o coś takiego chodziło, dzięki!
Go to the top of the page
+Quote Post
gizmo1982
post 17.06.2009, 21:10:13
Post #5





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.11.2006

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


Temat może niezbyt aktualny ale akurat szukałem takiej funkcjonalności i znalazłem coś ciekawego: http://www.givainc.com/labs/marquee_example.htm

W przeciwieństwie do liscroll zaproponowanego przez @Cienki1980 nie "zarzyna procesora".
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 - 03:13