Utwórz news ticker z PHP i jQuery News Ticker

Obiecałeś znajomego, aby pomóc mu stworzyć piękne miejsca dla jego działalności. Wiem, że masz dla mnie co najmniej trzy lub cztery razy, oczywiście, zawsze w najgorszym pracy mówi.

Zazwyczaj wnioski są niskie na początku:. "Potrzebuję statycznej tam ... umieścić mi dwa dni trzy lata Visual Studio fragmenty kodu itp. Ale programista wie, że umysł przyjaciela, czasami w dobrej wierze, inni trochę mniej.

Ponieważ rozumiemy, że jestem po raz kolejny w tej delikatnej sytuacji i wniosek nie ma tym razem o news ticker. No w zasadzie gorzej niż myślałem, więc dostać się do pracy, aby spróbować coś miłego i konfigurowalny.
Początkowo znaleźć Google szukaj na stronie JQuery News Ticker . Przekonaj mnie.
"S HTML do tworzenia prostych, dobrze napisanej dokumentacji, absolutorium. Teraz, że pierwszym krokiem do drugiego problem jest rozwiązany: mój przyjaciel nie ma DB ...

Rozwiązanie

Jeśli jest DB może zawsze korzystać z plików tekstowych do wiadomości, na szczęście moja przyjaciółka wie, jak korzystać z "ftp, tylko problem jest upewnienie się, że nie należy tracić zbyt wiele czasu na stworzenie własnej wiadomości. Opowiadam się za tym obiekcie:

Łatwo będzie wnieść wiadomości, jak zwykłych plików tekstowych w folderze o tej samej nazwie i obrazy do podfolderu obrazów. Jedna uwaga: tę samą nazwę dla swojej wiadomości i obrazu (chyba, że ​​rozszerzenie).

Dla reszty jest to, aby folder gdzie umieścić klas jedyną klasą, która jest używana, folder jQuery js, ticker, które zainicjować pliku i folder dla stylów css.

Via również dołączyć zrzut ekranu tworzenia projektu Eclipse.

JS

Oprócz najnowszych JQuery (1.6.1 w momencie pisania) biorę pakiet JQuery News Ticker jquery.ticker.js pliku. Nie należy nic zmieniać, tworzę tylko jeden plik w celu zainicjowania ticker do DOM Gotowe newsloader.js.

newsloader.js

 / / DOM-ready







 $ (Function () {



  



 / / Tworzenie giełdowy



  



 $ ('# Js-news "). Blok ({



    



 ajaxFeed: false, / / ​​bez podawania



    



 htmlFeed: true, / / ​​html



    



 titleText: "Breaking News", / / ​​giełdowy



    



 Display: "fade ', / / ​​Reveal lub znikną, znikną wybrać



    



 kierunek: 'ltr', / / ​​kierunek giełdowy



    



 pauseOnItems: 5000, / / ​​trochę czasu, aby czytać wiadomości do nawigacji!



    



 fadeInSpeed: 600, / / ​​fade-in prędkość



    



 fadeOutSpeed: 300 / / fade-out prędkość



  



 });







 });

Skrypt nie jest utworzyć ticker do DOM Ready, przekazując opcje przydatne, szczególnie w tym przypadku zdecydowałem się użyć blakną i nie ujawniają sama wyborem estetycznym.
Uwaga: Reveal tworzy efekt "write-on", że robi tak wiele do pisania.
Innym ważnym pauseOnItems ustawienie ustawić do 5 sekund, aby dać czas dla czytelnika, aby dostać się na dole wiadomości.

• <<
• 1
• 2
• 3
• 4
• 5
• >>