Stvaranje vijesti zujalica s PHP i jQuery Vijesti Ticker

Vi obećao prijatelja da mu pomognu stvoriti prekrasne stranice za svoje poslovanje. Znam da imate, mi najmanje tri ili četiri puta, naravno, uvijek u najgore radu govori.

Obično zahtjevi su niski na početku:. "Trebam statički prikaz tamo ... stavite mi dva dana tri godine Visual Studio koda i tako dalje, ali programer zna da je prijatelj umu, ponekad u dobroj vjeri, a drugi malo manje.

Budući da shvatite da sam ponovno u ovoj delikatnoj situaciji, a zahtjev ne očekuje se ovaj put o vijestima zujalica. Pa u osnovi gore nego što sam mislio, pa sam se na posao pokušati nešto lijepo i prilagodljiv.
Isprva sam naći stranicu Google pretraživanja jQuery Vijesti Ticker . Me uvjeriti.
'S HTML za izradu jednostavnih, dobro pisanu dokumentaciju, iscjedak. Sada kada je prvi korak u Drugi problem je riješen: moj prijatelj nema DB ...

Rješenje

Ako je DB uvijek možete koristiti tekstualne datoteke za vijesti, srećom moj prijatelj zna koristiti 'FTP, jedini problem je biti sigurni da to ne bi trebalo otpada previše vremena za stvaranje svoje vijesti. Ja se odlučiti za ovaj objekt:

To će biti lako donijeti vijest kao jednostavan tekst datoteke pod folder istog imena i slike u slike podmapu. Jedan caveat: isti naziv za svoje vijesti i slike (osim proširenja).

Za ostatak je imati mapu gdje staviti klasa jedina klasa koja se koristi, jQuery mapu JS, zujalica, koja inicijalizira datoteka i mapa za CSS stilova.

Putem također pridaju screenshot stvaranja Eclipse projekta.

JS

Osim najnovije jQuery (1.6.1 u vrijeme pisanja), uzimam paket jQuery Vijesti Ticker jquery.ticker.js datoteku. Vi ne bi trebali ništa mijenjati, mogu izraditi samo jednu datoteku za inicijalizaciju oznaka za DOM Spremni newsloader.js.

newsloader.js

 / / DOM spremni







 $ (Funkcija () {



  



 / / Stvaranje oznaka



  



 $ ('# JS-vijesti'). Identifikatori ({



    



 ajaxFeed: false, / / ​​nema hrane



    



 htmlFeed: istina, / / ​​HTML



    



 titleText: 'Breaking News', / / ​​oznaka



    



 DisplayType: 'nestati', / / ​​otkriti ili nestati, nestati odabrati



    



 smjer: 'l', / / ​​smjer oznaka



    



 pauseOnItems: 5000, / / ​​uzeti vremena za čitanje vijesti Navigatora!



    



 fadeInSpeed: 600, / / ​​fade-u brzini



    



 fadeOutSpeed: 300 / / fade-out brzine



  



 });







 });

Skripta se je stvoriti oznaka za DOM Spremni, prolazi opcija korisna, posebno u ovom slučaju sam izabrao za korištenje uvenuti i ne otkrivaju fin estetski izbor.
Napomena: otkriti stvara učinak "pisati-u" koji se toliko pisaćem stroju.
Još jedna važna postavka pauseOnItems sam postavljen na 5 sekundi kako bi se omogućilo vrijeme za čitatelja da se na dnu vijesti.

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