<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Ротатор текста на JavaScript

Ротатор текста на JavaScript

Описание: Когда-то я демонстрировал скрипт ротатора изображений на JavaScript. Однако, недавно у меня спросили: "Как сделать ротатор текста на JavaScript?". И я решил написать такой скрипт, так как, думаю, что он будет многим полезен. А теперь может любоваться работой ротатора текста на JavaScript, а при желании скопировать и вставить его к себе на сайт.

Результат:

Код JavaScript (вставлять между тегами <head> и </head>):

<script type="text/javascript">
  var array = new Array(
    "Как",
    "",
    "создать",
    "",
    "свой",
    "",
    "сайт",
    "",
    "MyRusakov.ru",
    "",
    "MyRusakov.ru",
    "",
    "MyRusakov.ru",
    ""
  ); //массив со строками. Пустая строка создаёт "мигание".
  var delay = 300; //задержка в миллисекундах
  function textRotator(i) {
    var p = document.getElementById("textrotator");
    p.innerHTML = array[i];
    i++;
    if (i == array.length) i = 0;
    setTimeout("textRotator(" + i + ")", delay);
  }
</script>

Код HTML (вставлять между тегами <body onload="textRotator(0)"> и </body>):

<p id="textrotator"></p>

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (5):

luciferus luciferus 26.05.2012 20:59:21

Это не совсем то что нужно, мне нужен такой вариант: скрипт должен отображать фразу например: "Кот большой и жирный спит у норки мышки" через определённое время то есть через минуту скажем эта фраза должна заменяться другой - "Пришёл пьяный хозяин и шлёпнул кота", через минуту "Жена увидела тело кота и и как звизданёт мужу промеж глаз", или же следующая цитата должна появляться при обновлении страницы. Заранее благодарю. И ещё вопрос как сделать так чтобы юкозовская система видел созданный скрипт. Ваш скрипт не видит, или же есть какой-то тег который следует вставлять дополнительно к яве?

Ответить

Admin Admin 26.05.2012 21:06:08

С укозом не работаю и не испытываю желания возиться в этой помойке, и Вам не советую. Что касается ротации, то, как я понял, Вы хотите сохранять последний вариант, чтобы при обновлении появлялся следующий, а не повторялось то, что уже было. Для этого можно использовать cookie. Показывается строка, и эта же строка (или её номер) записывается в cookie у пользователя. Затем при обновлении проверяются, если cookie имеется, то выводится соответствующая строка, а если их нет, то просто выводится 1-я строка.

Ответить

malina95 malina95 05.05.2013 23:47:54

А можно заносить не в куки, а например в массив javascript?

Ответить

Admin Admin 06.05.2013 10:03:51

Массив не сохраняется при обновлении страницы.

Ответить

malina95 malina95 05.05.2013 23:49:24

И напишите пожалуйста статью про ротатор текста на ajax, тоесть каждые например 10 секунд идёт запрос скрипту php который выводит 10 случайных записей?

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.