Luo uutiset ticker PHP ja jQuery News Ticker

Lupasit ystävä auttaa häntä luomaan kauniin sivusto hänen yrityksensä. Tiedän, että sinulla on, minulle ainakin kolme tai neljä kertaa, tietysti aina pahinta työ puhuu.

Yleensä pyynnöt ovat alhaiset alussa: "Tarvitsen staattinen näyttö siellä ... laitat minulle kaksi päivää kolmen vuoden Visual Studio koodinpätkien ja niin edelleen. Mutta ohjelmoija tietää, että ystäväni mielessä, joskus hyvässä uskossa, toiset vähän vähemmän.

Koska ymmärrätte, että olen jälleen kerran tässä herkässä tilanteessa ja pyyntöä ei ole odotettavissa tällä kertaa noin uutinen Ticker. No periaatteessa huonompi kuin luulin, niin pääsen tekemään töitä kokeilemaan jotain kivaa ja muokattavissa.
Aluksi en löydä Googlen haku-sivuston JQuery News Ticker . Vakuuta minua.
"S HTML luoda yksinkertainen, hyvin kirjoitettu asiakirja, vastuuvapauden. Nyt ensimmäinen askel Toinen ongelma on ratkaistu: ystäväni ei ole DB ...

Ratkaisu

Jos on DB voi aina käyttää tekstitiedostoja uutiset, onneksi ystäväni osaa käyttää "ftp, ainoa ongelma on varmistaa, että sen ei pitäisi hukata liikaa aikaa luoda oman uutiset. Minä valitsen tätä rakennetta:

Se on helppo tuoda uutiset pelkkänä tekstinä tiedostoja kansioon samalla nimellä ja kuvat kuvat alikansioon. Yksi varoitus: samaa nimeä sen uutisia ja kuva (ellei laajennus).

Muilta se on kansio, mihin luokkaan ainoa luokka, jota käytetään, kansio js jQuery, pumppu, joka alustaa tiedosto ja kansio CSS-tyylejä.

Via myös liittää kuvakaappaus Eclipse projektin luomiseen.

JS

Sen lisäksi uusimman JQuery (1.6.1 hetkellä kirjoitettaessa) Otan paketin JQuery News Ticker jquery.ticker.js tiedosto. Älä muuta mitään, luon vain yhden tiedoston alustaa ticker jotta DOM Ready newsloader.js.

newsloader.js

 / / DOM-valmis







 $ (Function () {



  



 / / Luo ticker



  



 $ ('# JS-uutiset "). Osakelennättimet ({



    



 ajaxFeed: väärä, / / ​​ei rehu



    



 htmlFeed: totta, / / ​​html on



    



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



    



 DisplayType: "fade", / / ​​paljastaa tai häivyttää, häivyttää valita



    



 suuntaan: "ltr", / / ​​suunta ticker



    



 pauseOnItems: 5000, / / ​​ota aikaa lukea uutisia navigaattori!



    



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



    



 fadeOutSpeed: 300 / / häivytys nopeus



  



 });







 });

Kirjoitus ei on luoda ticker jotta DOM Ready, kulkee vaihtoehtoja hyötyä, varsinkin tässä tapauksessa päätin käyttää häivyttää äläkä paljasta pelkkä esteettinen valinta.
Huom: Reveal luo vaikutus "kirjoittaa-on", että tekee niin paljon kirjoituskoneen.
Toinen tärkeä asetus pauseOnItems I 5 sekuntia, jotta aikaa lukija päästä pohjaan uutisia.

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