Vytvořte si novinky z PHP s jQuery a novinky z

Slíbil jsi, přítele, aby mu pomohl vytvořit krásné místo pro své podnikání. Vím, že jste, alespoň pro mě třikrát nebo čtyřikrát, ovšem vždy v tom nejhorším práce mluví.

Obvykle jsou nízké požadavky na začátku:. "Potřebuji statické ukázce tam ... vy mě dva dny tři roky Visual Studio útržky kódu, a tak dále, ale programátor ví, že přítel myslí, někdy v dobré víře, jiní o něco méně.

Vzhledem k tomu, že chápete, že jsem opět v této choulostivé situaci a žádost se neočekává, tentokrát o novinky z. No v podstatě horší, než jsem si myslel, tak jsem se do práce zkusit něco hezkého a přizpůsobitelné.
Zpočátku jsem najít Google Vyhledat JQuery Novinky Ticker . Přesvědčte mě.
"S HTML vytvářet jednoduché, dobře napsané dokumentace absolutoria. Nyní, když je prvním krokem k druhému problém vyřešen: Můj přítel nemá DB ...

Řešení

Dojde-li k DB vždy používat textové soubory pro zprávy, naštěstí můj přítel ví, jak používat "FTP, jediný problém je ujistit se, že by neměl příliš mnoho času na vytvoření své vlastní zpravodajství. I rozhodnout se pro toto zařízení:

To bude snadné, aby zpravodajství jako jednoduché textové soubory ve složce se stejným názvem a obrazy do podsložky s obrazy. Jedna námitka: stejné jméno pro své zpravodajství a image (pokud prodloužení).

Pro ostatní je to, že složky, kam umístit třídy jedinou třídou, která se používá, složka js jQuery, burzovní, který inicializovat soubor a složku pro CSS stylů.

Via také připojit screenshot vzniku projektu Eclipse.

JS

Kromě nejnovějších JQuery (1.6.1 v době psaní) jsem si balík JQuery novinky z jquery.ticker.js souboru. Měli byste se nic nemění, lze vytvořit pouze jeden soubor pro inicializaci dálnopisný DOM ready newsloader.js.

newsloader.js

 / / DOM-ready







 $ (Function () {



  



 / / Vytvoření tickeru



  



 $ ('# Js-news "). Telegrafů ({



    



 ajaxFeed: false, / / ​​bez krmení



    



 htmlFeed: true, / / ​​HTML



    



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



    



 DisplayType: "zmizí", / / ​​Reveal nebo fade, fade vybrat



    



 Směr: 'l', / / ​​směr Ticker



    



 pauseOnItems: 5000, / / ​​mít čas číst zprávy na Navigator!



    



 fadeInSpeed: 600, / / ​​fade-in rychlosti



    



 fadeOutSpeed: 300 / / fade-out Rychlost



  



 });







 });

Skript je vytvořit dálnopisný DOM ready, kolem volby užitečné, zvláště v tomto případě jsem se rozhodl používat fade a neodhalí pouhé estetické volby.
Poznámka: Reveal vytváří efekt "write-on", který se tolik psací stroj.
Další důležité nastavení pauseOnItems jsem na 5 sekund, aby čas na čtenáře, aby se na spodní části novinek.

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