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

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

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

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

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

 

Разработка сайтов

 

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

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

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

 

jQ = jQuery.noConflict();

 

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

 

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

 

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

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

 

 

 

 

Последнее изменениеСуббота, 10 сентября 2016 18:29

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 написал Даша

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

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

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

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

  • Aleksej Yes. You can see it, I switched the temperature from C to F in the module on this page (Costa… 2024-10-01 21:43:42
    jWeather by ip. Погода по ip для Joomla!
  • Anne Is it possible to change temperature to F vs C? 2024-10-01 18:55:58
    jWeather by ip. Погода по ip для Joomla!
  • Aleksej Первое, что бросается в глаза: период времени, прошедший между тем, как автор комментария разбросал аналогичный текст по нескольким интернет-площадкам рунета,… 2024-07-02 14:10:05
    Tobeamerica эмансипе
  • Валерий Л. Предыдущий отзыв неактуален. Это было недоразумение, мы его уладили. Компания вернула мне деньги, никаких претензий к ней я не имею.… 2024-07-01 17:10:43
    Tobeamerica эмансипе
  • Евгения Кличко Спасибо. 2024-06-25 01:03:32
    Joomla cache. Problems and solutions