Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> помогите разобраться с решением для бегущей строки, бегущая строка 
:(
    Опции темы
Anna87
Дата 22.9.2012, 15:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 7
Регистрация: 20.2.2012

Репутация: нет
Всего: нет



Доброго времени суток, нашла интересный пример для создания бегущей строки, где текст сразу появлятся с обратного края не дожидаясь пока вся строка проползет. Пытаюсь к нему к нему добавит два события: чтобы при наведение мыши строка останавливалась, а при снятии наведения продолжалась анимация с того же места. 
Код

<div id="marquee">
              My Text My Text My Text My Text My Text My Text My Text
  </div>
 

Код

$(function() {

    var marquee = $("#marquee"); 
    marquee.css({"overflow": "hidden", "width": "100%"});
    marquee.wrapInner("<span>");
    marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" }); 
    marquee.append(marquee.find("span").clone()); 

    marquee.wrapInner("<div>");
    marquee.find("div").css("width", "200%");
    

    var reset = function() {
        $(this).css("margin-left", "0%");
        $(this).animate({ "margin-left": "-100%" }, 6000, 'linear', reset).mouseover( function() {$(this).stop();}).mouseout( function() {
            $(this).animate({ "margin-left": "-100%" }, 6000, 'linear', reset)
            })
    };

    reset.call(marquee.find("div"));

});


Но при ухода курсора с объекта, строка бежит медленнее, вы бы не могли мне подсказать каким образом оставить туже скорость пробега строки ? 
Заранее спасибо
PM MAIL   Вверх
Aliance
Дата 24.9.2012, 10:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Думаю, что нужно не вызывать $(this).stop(); а затем заного создавать анимацию, а играться с очередями (queue / dequeue).

А вообще бегущая строка это зло!
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0538 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.