Vytvorte si novinky z PHP s jQuery a novinky z

Sľúbil si, priateľa, aby mu pomohol vytvoriť krásne miesto pre svoje podnikanie. Viem, že ste, aspoň pre mňa trikrát alebo štyrikrát, ale vždy v tom najhoršom práce hovorí.

Obvykle sú nízke požiadavky na začiatku:. "Potrebujem statické ukážke tam ... vy ma dva dni tri roky Visual Studio útržky kódu, a tak ďalej, ale programátor vie, že priateľ myslí, niekedy v dobrej viere, iní o niečo menej.

Vzhľadom k tomu, že chápete, že som opäť v tejto chúlostivej situácii a žiadosť sa neočakáva, tentokrát o novinky z. No v podstate horšie, než som si myslel, tak som sa do práce skúsiť niečo pekné a prispôsobiteľné.
Spočiatku som nájsť Google Vyhľadať JQuery Novinky Ticker . Presvedčte ma.
"S HTML vytvárať jednoduché, dobre napísané dokumentácie absolutória. Teraz, keď je prvým krokom k druhému problém vyriešený: Môj priateľ nemá DB ...

Riešenie

Ak dôjde k DB vždy používať textové súbory pre správy, našťastie môj priateľ vie, ako používať "FTP, jediný problém je uistiť sa, že by nemal príliš veľa času na vytvorenie svojej vlastnej spravodajstvo. Aj rozhodnúť sa pre toto zariadenie:

To bude jednoduché, aby spravodajstvo ako jednoduché textové súbory v priečinku s rovnakým názvom a obrazy do podzložky s obrazy. Jedna námietka: rovnaké meno pre svoje spravodajstvo a image (pokiaľ predĺženie).

Pre ostatné je to, že zložky, kam umiestniť triedy jedinou triedou, ktorá sa používa, zložka js jQuery, burzové, ktorý inicializovať súbor a priečinok pre CSS štýlov.

Via tiež pripojiť screenshot vzniku projektu Eclipse.

JS

Okrem najnovších JQuery (1.6.1 v čase písania) som si balík JQuery novinky z jquery.ticker.js súboru. Mali by ste sa nič nemení, je možné vytvoriť iba jeden súbor pre inicializáciu ďalekopisný DOM ready newsloader.js.

newsloader.js

 / / DOM-ready







 $ (Function () {



  



 / / Vytvorenie tickeru



  



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



    



 ajaxFeed: false, / / ​​bez kŕmenia



    



 htmlFeed: true, / / ​​HTML



    



 titleText: 'Breaking News ", / / ​​telegraf



    



 DisplayType: "zmizne", / / ​​Reveal alebo fade, fade vybrať



    



 Smer: 'l', / / ​​smer Ticker



    



 pauseOnItems: 5000, / / ​​mať čas čítať správy na Navigator!



    



 fadeInSpeed: 600, / / ​​fade-in rýchlosti



    



 fadeOutSpeed: 300 / / fade-out Rýchlosť



  



 });







 });

Skript je vytvoriť ďalekopisný DOM ready, okolo voľby užitočné, zvlášť v tomto prípade som sa rozhodol používať fade a neodhalí len estetické voľby.
Poznámka: Reveal vytvára efekt "write-on", ktorý sa toľko písací stroj.
Ďalšie dôležité nastavenia pauseOnItems som na 5 sekúnd, aby čas na čitateľa, aby sa na spodnej časti noviniek.

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