Создать новостная лента с PHP и JQuery News Ticker

Вы обещали друга, чтобы помочь ему создать красивый сайт для его бизнеса. Я знаю, что у вас есть, для меня по крайней мере три или четыре раза, конечно, всегда в худшем работы говорит.

Обычно запросы низким в начале. "Мне нужно стационарную экспозицию там ... ты меня два дня, три года Визуальный код Студия фрагменты и т. д. Но программист знает, что друг ума, иногда добросовестно, а другие немного меньше.

Так как вы понимаете, что я снова в этой деликатной ситуации и просьбой не ожидается, на этот раз о новостная лента. Ну в основном хуже, чем я думал, так что я приступить к работе, чтобы попробовать что-нибудь приятное и настраиваемым.
Сначала я нахожу поиска Google сайт JQuery News Ticker . Убедите меня.
'S HTML для создания простых, хорошо написанная документация, выписки. Теперь, когда первый шаг к Вторая проблема решается: мой друг не DB ...

Решение

Если есть БД всегда можете использовать текстовые файлы для новости, к счастью, мой друг знает, как использовать "FTP, единственная проблема, убедившись, что он не должен тратить слишком много времени, чтобы создать свою новость. Я выбирают для этого объекта:

Это будет легко довести новости как простые текстовые файлы в папку с таким же именем и изображений в папке изображений. Одно предостережение: одинаковое имя для своей новости и изображение (если расширение).

Для остальных это должно иметь папку, куда положить классов единственный класс, который используется, JQuery папку JS, тикер, который инициализация файла и папки для стилей CSS.

Via также приложить скриншот создания проекта Eclipse.

JS

В дополнение к последним JQuery (1.6.1 на момент написания статьи) я беру пакет JQuery News Ticker jquery.ticker.js файл. Вы не должны ничего менять, я создаю только один файл для инициализации тикер на DOM Готовые newsloader.js.

newsloader.js

 / / DOM-Ready







 $ (Function () {



  



 / / Создать тикер



  



 $ ('# Js-новости »). Тикеры ({



    



 ajaxFeed: ложный, / / ​​не кормить



    



 htmlFeed: правда, / / ​​HTML является



    



 TitleText: "Breaking News ', / / ​​тикер



    



 DisplayType: 'исчезать', / / ​​Reveal или исчезают, исчезают выбрать



    



 Направление: 'л', / / ​​направление тикер



    



 pauseOnItems: 5000, / / ​​время, чтобы читать новости навигатор!



    



 fadeInSpeed: 600, / / ​​исчезают в скорости



    



 fadeOutSpeed: 300 / / исчезать из скорости



  



 });







 });

Скрипт делает это создать тикер на DOM Ready, проходящего вариантов полезно, особенно в данном случае я решил использовать выцветают и не раскрывают чисто эстетического выбора.
Примечание: Reveal создает эффект "от записи на", что делает так много пишущей машинке.
Еще одна важная установка pauseOnItems я принялся за 5 секунд, чтобы дать время для читателя, чтобы добраться до нижней части новостей.

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