Форум программистов, компьютерный форум, киберфорум
Наши страницы
PHP
Войти
Регистрация
Восстановить пароль
 
Shadowfank
0 / 0 / 0
Регистрация: 02.03.2017
Сообщений: 8
1

Бегущая строка

26.06.2018, 22:00. Просмотров 113. Ответов 2
Метки php (Все метки)

Приветствую, есть у меня одна проблемка.
Есть цикл, который выводит из БД текст в бегущую строку, но для каждого нового intro_text создается еще одна бегущая строка, можно ли как-то их объединить?
PHP
1
2
3
4
5
6
require_once 'functions/functions.php';
$news = getNews (6);
for ($i = 0; $i < count($news); $i++) {
  echo'
  <h1 class="marquee"><span>'.$news[$i]["intro_text"].'
  </span></h1>';}
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
  function getNews ($limit) {
    global $mysqli;
    connectDB();
    $result = $mysqli->query("SELECT * FROM `news` ORDER BY `id` DESC LIMIT $limit");
    closeDB();
    return resultToArray ($result);
  }
    function resultToArray ($result) {
      $array = array ();
      while (($row = $result->fetch_assoc()) != false)
        $array[] = $row;
      return $array;
    }
CSS
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
@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}
 
.marquee {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
 
.marquee span {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 5s infinite linear;
    -moz-animation: scroll 5s infinite linear;
    animation: scroll 20s infinite linear;
}
 
.marquee *:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.06.2018, 22:00
Ответы с готовыми решениями:

Бегущая строка
Как с помощью php реализовать бегущую строку. Главное, чтобы текст строки был...

массиы или строка? геттайп печатает 4 раза строка но все выглядит как массив
всем привет! битрикс, пытаюсь получить характеристики товара для этого ...

Бегущая строка с новостью о регистрации нового пользователя
Доброго времени суток. Мне необходимо сделать на сайте, чтобы сразу после...

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

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

2
ytf
229 / 251 / 183
Регистрация: 15.08.2017
Сообщений: 1,435
27.06.2018, 07:09 2
можно, сначала создаём переменную, затем добавляем в неё все интро-тексты, затем выводим переменную

PHP
1
2
3
4
5
6
7
require_once 'functions/functions.php';
$news = getNews (6);
$a='';
for ($i = 0; $i < count($news); $i++) {
$a.=$news[$i]["intro_text"]." ";
}
echo '<h1 class="marquee"><span>'.$a.'</span></h1>';
1
Shadowfank
0 / 0 / 0
Регистрация: 02.03.2017
Сообщений: 8
27.06.2018, 07:16  [ТС] 3
Спасибо, работает.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.06.2018, 07:16

Бегущая строка
Разработать программу вывода на экран текстовой информации в виде &quot;бегущей...

бегущая строка
Помогите пожалуйста что нужно прописать в кнопке чтобы при ее нажатии бегущая...

Бегущая строка
Имеется код для реализации бегущей строки, но почему то она не бежит :( ...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru