PHP ve jQuery News Ticker bir haber ticker oluşturma

Ona onun iş için güzel bir site oluşturmak için bir arkadaş verdi. Ben her zaman en kötü iş konuşuyor, tabii ki, bana, sahip olduğunuz en az üç veya dört kez biliyorum.

Genellikle istekleri başında düşüktür:. "Orada bir statik görüntü gerek ... Bunu Visual Studio kod parçacıkları ve üç yıl beni iki gün koymak Ama programcı bildiği arkadaşı zihin, bazen iyi niyetle, biraz daha az diğerleri.

Eğer bu hassas durum bir kez daha yaşıyorum ve istek bir haber ticker hakkında bu kez beklenen olmadığını. Düşündüğümden daha iyi temelde kötü anlamak için, bu yüzden güzel ve özelleştirilebilir bir şey denemek için işe almak.
İlk başta Google arama sitesi bulmak JQuery News Ticker . Beni ikna edin.
'S HTML basit, iyi yazılmış belgeler, deşarj oluşturmak için. İkinci sorun için ilk adım çözülür Şimdi: arkadaşım DB yok ...

Çözüm

DB her zaman haber için metin dosyaları kullanabilirsiniz varsa, neyse ki arkadaşım tek sorunu kendi haber oluşturmak için çok fazla vakit kaybetmemesi gerektiğini emin yapıyor 'ftp, nasıl kullanılacağını biliyor. Bu tesis için tercih:

Bu görüntülerin alt klasör içine aynı adı ve resimlerin klasörü altında basit metin dosyaları olarak haber getirmek kolay olacaktır. Bir uyarı: kendi haber ve görüntü (uzatma sürece) için aynı adı.

Geri kalanı için bu sınıflar css stilleri için dosya ve klasör başlatmak kullanılan tek sınıftır klasör js jQuery, senedi, koymak için bir klasör olmasıdır.

Via de Eclipse proje oluşturma bir ekran görüntüsü ekleyin.

JS

Son ek olarak JQuery (yazma sırasında 1.6.1) ben paket JQuery News Ticker dosya jquery.ticker.js alır. Hiçbir şey değişmez gerekir, ben DOM Hazır newsloader.js için ticker başlatmak için sadece bir dosya oluşturun.

newsloader.js

 / / DOM hazır







 $ (Function () {



  



 / / Ticker Oluştur



  



 $ ('# Js-haber'). Kodlar ({



    



 ajaxFeed: false, / / ​​yem



    



 htmlFeed: true, / / ​​html



    



 titleText: 'haberler', / / ​​ticker



    



 DisplayType: 'solmaya', / / ​​Reveal veya solmaya, seçim solmaya



    



 yön: "ltr ', / / ​​yön ticker



    



 pauseOnItems: 5000, / / ​​navigator için haberleri okumak için zaman ayırın!



    



 fadeInSpeed: 600, / / ​​fade-in hız



    



 fadeOutSpeed: 300 / / titreşim hızı



  



 });







 });

Komut ben solmaya kullanmayı seçti ve saf estetik seçim açıklamıyoruz özellikle bu durumda, seçenekler yararlı geçen, DOM hazır için ticker oluşturmaktır yok.
Not: Reveal çok daktilo yaptığı "yazma-on" etkisi yaratır.
Bir diğer önemli ayar pauseOnItems ben haberlerin altına almak için okuyucu için zaman tanımak için 5 saniye olarak ayarlanır.

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