Воскресенье, 07 октября 2012 00:00

Неконфликтная бегущая строка на jQuery

Оцените материал
(1 Голосовать)

Как сделать бегущую строку на jQuery для своего сайта?

Ну, тоже мне - бином Ньютона. Воспользуйтесь вот этим плагином, рассказ о котором - на страницах форума; уверен, у вас все прекрасно получится и совершенно без никаких проблем. А... если поставить вопрос чуть иначе? Давайте усложним задачу; предположим, нам необходимо показать скроллер на jQuery - на страничке, где уже работает иной скрипт, также берущий начало от jQuery... что тогда?

 

 

По прежнему ничего особо сложного.

Нам придется лишь немного модифицировать уже упомянутый jQuery Scroller; ваш код будет выглядеть примерно вот так, как здесь, в этом примере (скачайте со страницы разработчика - ссылка на форуме - скроллер и сравните с измененным).

Иными словами - вам всего-то и понадобится, что прописать

 

jQ = jQuery.noConflict();

 

и далее везде тупо заменить $ на jQ. Пример у вас перед глазами.

 

Пример работы скроллера на jquery. Всяко лучше, чем просто тег marquee, не правда ли? :)

 

Все! Cкроллер работает у нас с вами теперь без проблем и конфликтов, и иная анимация, также построенная на jQuery и размещенная на той же странице - совершенно не мешает.

Берем на вооружение. :) 

 

 

 

 

2 комментарии

  • Комментировать Aleksej Пятница, 24 января 2014 12:43 написал Aleksej

    Добрый. Насколько могу судить - разработчиком плагина не предусмотрено такое свойство. Возможно, устроит вариант смены movetype: 'linear' - на movetype: 'pingpong' ? Либо попробуйте jQuery News Ticker - http://masterpro.ws/stilnaya-begushchaya-stroka-na-sajte-jquery-news-ticker

  • Комментировать Даша Пятница, 24 января 2014 07:53 написал Даша

    Добрый день. Как сделать эту строку непрерывной? Мне не нравится, что при окончании строки за ней тянется огромный пробел.

Оставить комментарий

Добавьте ваш комментарий

Комментарии в блоге