Sukurti naujienos simbolis su PHP ir jQuery News Ticker

Jūs pažadėjo draugui padėti jam sukurti gražus svetainę savo verslą. Žinau, kad turite, man bent tris ar keturis kartus, žinoma, visada blogiausia darbo kalba.

Paprastai prašymai mažai pradžioje. "Man reikia statinis ekranas yra ... Jūs mane dvi dienas trejus metus Visual Studio kodo fragmentus ir tt Bet programuotojas žino, kad draugas protas, kartais sąžiningai, kiti šiek tiek mažiau.

Kadangi jūs suprantate, kad aš vėl šią trapią situaciją ir prašyti nesitikima šį kartą apie naujienos simbolis. Na iš esmės blogiau nei aš maniau, kad aš į darbą išbandyti kažką gražaus ir pritaikoma.
Iš pradžių aš rasti "Google" paieškos svetainėje JQuery Naujienos ticker . Įtikinkite mane.
"S HTML sukurti paprastą, gerai parašyti dokumentus, biudžeto įvykdymo patvirtinimo. Dabar, kad pirmas žingsnis į antrąjį problema išspręsta: mano draugas neturi BP ...

Sprendimas

Jei yra BP visada galite naudoti teksto failus naujienos, laimei, mano draugas žino, kaip naudoti "ftp, tik problema yra užtikrinti, kad ji neturėtų gaišti per daug laiko sukurti savo naujienas. Galiu išjungti šį objektą:

Ji bus lengva suderinti kaip paprastus tekstinius failus pagal to paties pavadinimo ir vaizdai į vaizdus aplanko poaplankius naujienos. Vienas įspėjimas: to paties pavadinimo savo naujienas ir vaizdas (nebent pratęsimo).

Dėl likusios tai jis turi aplanką, kuriame įdėti klases vienintelė klasė, kuri naudojama, aplankas JS JQuery, simbolis, kuris inicijuoti failo ir aplanko CSS stilių.

Via taip pat pridėti Eclipse projekto sukūrimas ekrano.

JS

Be to į naujausią JQuery (1.6.1 Rengiant laiku) aš paketą JQuery Naujienos ticker jquery.ticker.js failą. Nereikėtų nieko keisti, aš sukurti tik vieną failą inicijuoti simbolis į DOM Paruošta newsloader.js.

newsloader.js

 / / DOM-ready







 $ (Function () {



  



 / / Sukuriamas simbolis



  



 $ ('# JS-naujienos "). Žymenys ({



    



 ajaxFeed: klaidinga, / / ​​ne pašarų



    



 htmlFeed: tiesa, / / ​​HTML



    



 titleText: "Karščiausios naujienos", / / ​​simbolis



    



 DisplayType: 'fade', / / ​​Atskleisti arba išnyks, išnyks pasirinkti



    



 kryptį: "ltr", / / ​​krypties simbolis



    



 pauseOnItems: 5000, / / ​​laiko, kad perskaityti naujienas navigatorius!



    



 fadeInSpeed: 600, / / ​​blukimui greičio



    



 fadeOutSpeed: 300 / / fade-out greičio



  



 });







 });

Scenarijaus nėra, tai sukurti simbolis į DOM Ready, einančios parinktis naudinga, ypač šiuo atveju aš pasirinkau naudoti išnyks, o ne atskleisti vien estetinę pasirinkimas.
Pastaba: Atskleisti sukuria "Write-on, kad" nėra tiek daug mašinėlių poveikį.
Kitas svarbus nustatymas pauseOnItems aš nustatytas 5 sekundes, kad būtų galima laiku skaitytojui gauti į naujienų apačioje.

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