Skapa ett nytt ticker med PHP och jQuery News Ticker

Du lovade en kompis att hjälpa honom att skapa en vacker plats för sin verksamhet. Jag vet att du har, för mig åtminstone tre eller fyra gånger, naturligtvis alltid i värsta arbetet talar.

Vanligtvis begär är låga i början:. "Jag behöver en statisk display där ... du satte mig två dagar tre år av Visual Studio kodsträngarna och så vidare Men programmeraren vet att vännen sinnet, ibland i god tro, andra lite mindre.

Eftersom du förstår att jag ännu en gång i denna känsliga situation och ansökan förväntas inte denna gång om ett nytt kortnamn. Väl i princip värre än jag trodde, så jag får arbeta för att försöka något trevligt och anpassningsbara.
Vid första jag hitta Googles söksida JQuery News Ticker . Övertyga mig.
"S HTML för att skapa enkla, välskriven dokumentation, ansvarsfrihet. Nu när det första steget till det andra problemet är löst: min kompis inte har en DB ...

Lösningen

Om det finns en DB alltid kan använda textfiler för nyheter, lyckligtvis min vän vet hur man använder den "ftp, det enda problemet är att se till att den inte bör avfall för mycket tid att skapa sina egna nyheter. Jag väljer denna anläggning:

Det kommer att bli lätt att få nyheter som enkla textfiler under mappen med samma namn och bilder i bilder undermapp. En varning: samma namn för sina nyheter och bild (om inte förlängning).

För resten är det att ha en mapp där att sätta klasser den enda klassen som används, mappen js jQuery, symbolen, som initiera-filen och en mapp för CSS-format.

Via bifogar också en skärmdump av Eclipse-projektet skapelsen.

Den JS

Förutom den senaste JQuery (1.6.1 i skrivande stund) Jag tar paketet JQuery News Ticker jquery.ticker.js filen. Du ska inte ändra något, skapar jag bara en fil för att initiera ticker att DOM Redo newsloader.js.

newsloader.js

 / / DOM-klar







 $ (Function () {



  



 / / Skapa symbolen



  



 $ ('# Js-nyheter "). Tickers ({



    



 ajaxFeed: false, / / ​​inget flöde



    



 htmlFeed: sant, är / / html



    



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



    



 DisplayType: "blekna ', / / ​​Visa eller blekna, vissna välja



    



 riktning: "ltr", / / ​​riktning ticker



    



 pauseOnItems: 5000, / / ​​tar sig tid att läsa nyheter till navigatorn!



    



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



    



 fadeOutSpeed: 300 / / fade-out hastighet



  



 });







 });

Skriptet gör är att skapa symbolen för att DOM Ready, passerar vara användbar, särskilt i det här fallet valde jag att använda blekna och inte avslöja det stora estetiska val.
Obs: Reveal skapar effekten av "skriva-på" som gör så mycket skrivmaskin.
En annan viktig inställning pauseOnItems jag satt till 5 sekunder för att ge tid för läsaren att gå till botten av nyheterna.

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