Izveidot ziņu lentē, ar PHP un jQuery Ziņas Biržas

Tu apsolīji draugs, lai palīdzētu viņam veidot skaistā vietā viņa uzņēmuma. Es zinu, ka jums ir, man vismaz trīs vai četras reizes, protams, vienmēr sliktākajā darbu runā.

Parasti šie pieprasījumi ir zems sākumā:. "Man vajag statisko displejs tur ... tu mani divas dienas trīs gadu Visual Studio koda fragmentus, un tā tālāk, bet programmētājs zina, ka draugs prātu, dažreiz labā ticībā, citiem nedaudz mazāk.

Tā kā jūs saprotat, ka es atkal šo delikāto situāciju, un pieprasījums nav sagaidāms, šoreiz par to ziņu lentē. Nu būtībā sliktāk, nekā es domāju, tāpēc man jāstrādā, lai mēģinātu kaut ko jauku un customizable.
Sākumā es uzskatu, Google meklēšanas portālu JQuery Ziņas Biržas . Pārliecinātu mani.
'S HTML, lai izveidotu vienkāršu, labi rakstisku dokumentāciju, budžeta izpildes apstiprināšanu. Tagad, ka pirmais solis uz otro problēma ir atrisināta: mans draugs nav DB ...

Risinājums

Ja ir DB vienmēr varat izmantot teksta failu uz jaunumiem, par laimi, mans draugs zina, kā izmantot "ftp, tikai problēma ir pārliecināties, ka tā nedrīkst izšķiežam pārāk daudz laika, lai izveidotu savu ziņu. Es izvēlēties šo iespēju:

Tas būs viegli, lai jaunumi kā vienkārša teksta failus ar mapi ar tādu pašu nosaukumu un attēlus attēlus apakšmapi. Viens caveat: pašu nosaukumu tā ziņas un attēls (ja vien pagarinājumu).

Attiecībā uz pārējo ir, lai būtu mapi, kur likt klasēm tikai klases, kas tiek izmantots, mape JS jQuery, svārsts, kura sāktu failu un mapi css stiliem.

Via arī pievienot screenshot Eclipse projekta radīšanu.

JS

Papildus jaunāko JQuery (1.6.1 laikā rakstiski) es paketi JQuery Ziņas Biržas jquery.ticker.js failu. Jums nevajadzētu neko mainīt, es varu izveidot tikai vienu failu, lai sāktu svārsts, lai DOM Ready newsloader.js.

newsloader.js

 / / DOM-ready







 $ (Funkcija () {



  



 / / Izveidot svārsts



  



 $ ('# Js-jaunumi ") tickers (. {



    



 ajaxFeed: viltus, / / ​​nav barības



    



 htmlFeed: taisnība, / / ​​html ir



    



 titleText: "Breaking News", / / ​​pulkstenis



    



 DisplayType: "izbalināt", / / ​​Atklāj vai izbalināt, fade izvēlēties



    



 virziens: "ltr", / / ​​virziens pulkstenis



    



 pauseOnItems: 5000, / / ​​to laiku, lai lasītu ziņu navigator!



    



 fadeInSpeed: 600, / / ​​izbalināt-in ātruma



    



 fadeOutSpeed: 300 / / izbalināt-out ātrums



  



 });







 });

Skripts ir izveidot svārsts, lai DOM Ready, kas iet iespējām noderīgi, jo šajā gadījumā es izvēlējos, lai izmantotu izbalināt un neatklāj milzīgais estētisko izvēli.
Piezīme: Atklāj rada efektu "write-par", ka nav tik daudz rakstāmmašīnu.
Vēl viens svarīgs nosakot pauseOnItems es ķēros pie 5 sekundes, lai dotu laiku lasītājam nokļūt apakšā ziņu.

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