Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

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

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

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

 

 

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

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

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

 

jQ = jQuery.noConflict();

 

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

 

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

 

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

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

 

 

 

 

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

  • Aleksej

    написал Aleksej

    Пятница, 24 января 2014 12:43

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

  • Даша

    написал Даша

    Пятница, 24 января 2014 07:53

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

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

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