Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
1 / 1 / 0
Регистрация: 05.09.2011
Сообщений: 174

Не работает бегущая строка в Опера и IE

05.04.2014, 18:48. Показов 1397. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сайт на DLE!
Установил скрипт бегущей строки. В браузерах: Firefox, Яндекс браузер, Хром работает, а в Опере и IE, строка не движется.
Кто силен в ява, подскажите, как решить проблему?

Сам код вставки в страницу
PHP
1
2
3
4
5
6
<div class="runninglinecontainer">
  <div id="l1" class="line">
    <div class="line_text">Здесь текст</div>
    <div class="line_cover"></div>
  </div>
            </div>
CSS
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 .runninglinecontainer{
  /*изменить ширину блока,можно поменяв проценты на пиксели__например wight:500px;
  !!! - чем меньше размер блока,тем меньше  скорость перемещения текста,скорость регулируется ниже*/
    width:100%;
    margin: 0 auto;
  }
 
  /****** Lines *******/
 
  .line {
    overflow:hidden;
    width:100%;
    border:1px solid #393e48;
 
    box-shadow:0px 5px 5px 3px rgba(0,0,0,0.3);
    display:block;
    margin-top:20px;
    border-radius:2px;
    position:relative;
  }
 
  .line .line_cover{
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    background:url(led_bg.png);
  }
 
  .line .line_text{
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
  }
 
 
  /****** Line 1 *******/
 
  #l1.line{
    height:70px;
    background:rgb(51,55,65);
  }
 
  #l1.line .line_text{
    font-size:60px;
    font-weight:bold;
    /*color:цвет текста можете выставить по вкусу*/
    color: red;
    -webkit-animation: l1_animation /*скорость перемещения текста 35s*/35s linear infinite;
    -moz-animation: l1_animation /*скорость перемещения текста 35s*/35s linear infinite;
  }
 
  @-webkit-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-200%;}
  }
  @-moz-keyframes l1_animation {
      0%{left:100%;}
      100%{left:-200%;}
  }
К нему прилагается еще и Java скрипт, но работает и без него, т.к. cms DLE уже использует свои стандартные скрипты. Если его установить, то будет конфликт со слайдером. Но, все равно строка не будет работать в указанных выше браузерах, если подключить этот скрипт.

java
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
jQuery(function($){
  if ($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0'))
        return;
  usernoiseButton.button = new usernoise.UsernoiseButton();
  usernoise.window = {
    show: usernoiseButton.button.showWindow
  };
  $('.un-feedback-form').each(function(){
    new usernoise.FeedbackForm($(this));
  });
  if (usernoiseButton.showButton){
    usernoiseButton.button.show();
    }
    $(document).bind('sent#feedbackform#window.un', function(){
      var $overlay = $('<div id="un-overlay" />').appendTo($('body'));
      function closeOverlay(){
        $('#un-thankyou').find('a').unbind('click');
        $('#un-thankyou').fadeOut('fast', function(){
          $('#un-overlay').fadeOut('fast', function(){
          $('#un-thankyou').remove();
          $('#un-overlay').remove();
        });  
        });
        
      }
      $('#un-overlay').click(closeOverlay).fadeIn('fast', function(){
        $('#un-thankyou').fadeIn('fast', function(){
          setTimeout(closeOverlay, 5000);
        }).find('#un-feedback-close').click(closeOverlay);
      });
    });
    try{
    $('#' + usernoiseButton.custom_button_id).click(function(){usernoise.window.show(); return false;})
  } catch (err){
    alert('It looks like you entere wrong HTML ID value for custom Usernoise feedback button.');
  }
  $('a[rel=usernoise]').click(function(){usernoise.window.show(); return false;})
});
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.04.2014, 18:48
Ответы с готовыми решениями:

Не работает бегущая строка
При наведении мышки на поле строка появляется, но не бежит Задание Создать программу, запускающую бегущую строку в случае, если...

Апплет "бегущая строка", найти ошибку, строка не останавливается и бежит по второму кругу
Заранее извиняюсь если не туда написал, суть вопроса: у меня стоит задача написать апплет, в котором строка из верхнего угла бежит в...

Бегущая строка
Приветствую всех! Подкинте идею как сделать бегущую строку

2
43 / 43 / 15
Регистрация: 10.09.2013
Сообщений: 293
05.04.2014, 19:12
Вам сюда:
https://www.cyberforum.ru/javascript/
0
1 / 1 / 0
Регистрация: 05.09.2011
Сообщений: 174
06.04.2014, 20:28  [ТС]
Проблема решена с помощью скрипта liMarquee
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.04.2014, 20:28
Помогаю со студенческими работами здесь

Бегущая строка
Надоел уже наверно, но нужна помощь с еще одной задачкой) Нужно чтобы слово(символ) перемещалось по строке слева-направо или наоборот, не...

Бегущая строка
&lt;html&gt; &lt;head&gt; &lt;p&gt; &lt;span id=&quot;runstr&quot; style=&quot;text-align:left;&quot;&gt;&lt;/span&gt; &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt; &lt;!--...

Бегущая строка
Ввести бегущую строку: &quot;Физфак-лучший факультет университета&quot;. Заранее спасибо!

Бегущая строка.
Подскажите как сделать бегущую строку? Нужно плавно бегущая строка. Если можно то пример кода пожалуйста.

бегущая строка
Подскажите, как сделать бегущую строку, как в этом примере для заголовка?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru