Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
выдача ТОП 1Полезны

 
Опции темы Оценить тему Опции просмотра
Старый 11.05.2019, 16:50   #16
ДКХ
 
Аватар для ДКХ
 
Сообщений: n/a
FR (активность): 0

Доп. информация
Лампочка

Накидал как-то скрипт для этого. Пользуйтесь, не жалко
http://xn--b1aribarht.xn--p1ai/modules/js/titleRun.html
 
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.06.2019, 18:50   #17
 
Аватар для antonov054
 
Сообщений: 53
FR (активность): 558

Доп. информация
По умолчанию

setInterval - рекомендуют не использовать по ряду причин, лучше setTimeout или для разных анимаций requestAnimationFrame.

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

Я предлагаю такое решение с использованием requestAnimationFrame:

Код:
var FPS = 2;   //Регулирование скорости движения тайтла, рекомендую от 2 до 10 максимум.
var prevTime,curTime;

var flow_title_last = "";
var flow_title_index = 0;

function flow_title_animate(){
  curTime = new Date();
  if(prevTime === undefined || (curTime - prevTime) >= 1000/FPS){
     	var lenta = document.title;

	if(flow_title_index === 0){
	  flow_title_last = " ";	
	} else if(window.index === lenta.length){
	  flow_title_index = 0;
	}
	
	var newTitle = lenta.substr(1, lenta.length)+flow_title_last+lenta.charAt(0);
	
	if(lenta.charCodeAt(1) === 32){
	  flow_title_last = " ";
	} else {
	  flow_title_last = "";
	}

	document.title = newTitle;

	
	flow_title_index++;
		
        prevTime = curTime;
  }

  window.requestAnimationFrame(flow_title_animate);

}

window.requestAnimationFrame(flow_title_animate);
И такое же решение, но с setTimeout:

Код:
var speed = 500;   //Скорость движения строки 
var flow_title_last = "";
var flow_title_index = 0;

function flow_title_animate(){
  
     	var lenta = document.title;

	if(flow_title_index === 0){
	  flow_title_last = " ";	
	} else if(window.index === lenta.length){
	  flow_title_index = 0;
	}
	
	var newTitle = lenta.substr(1, lenta.length)+flow_title_last+lenta.charAt(0);
	
	if(lenta.charCodeAt(1) === 32){
	  flow_title_last = " ";
	} else {
	  flow_title_last = "";
	}

	document.title = newTitle;

	flow_title_index++;

        setTimeout(flow_title_animate, speed);
}

setTimeout(flow_title_animate, speed);
Вариант с setTimeout более доступный для большинства браузеров, в отличии от варианта с requestAnimationFrame. Поэтому, если Вам нужна поддержка старых браузеров выбирайте setTimeout вариант (второй).
papalegbo: сообщение полезно
antonov054 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.02.2020, 22:06   #18
 
Аватар для Ntplanet
 
Сообщений: 24
FR (активность): 143

Доп. информация
По умолчанию

Бегущую строку в тайтл? Для чего? Это уже давно устарело.
Во первых строка движется не плавно, а дёргается, что не есть гут и больше раздражает.


Работа не волк.
Ntplanet вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 03.08.2020, 10:35   #19
 
Аватар для spoyer
 
Сообщений: 1
FR (активность): 7

Доп. информация
По умолчанию

Забудьте про это - поисковики плохо воспринимают, пользователи также. Это решение для ГС и суточных сайтов продажников
spoyer вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.08.2020, 12:04   #20
 
Аватар для Hacher453
 
Сообщений: 3
FR (активность): 17

Доп. информация
По умолчанию

А на мобилках такая бегущая строка норм отображается?
Hacher453 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
javascript, title, бегущая строка

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильный TITLE Frank White Оптимизация страниц сайта 15 28.03.2011 05:26
Проблема с title, description.. Kanasy Оптимизация страниц сайта 11 28.02.2011 06:56
Проблема с title Aquwa Оптимизация страниц сайта 0 19.02.2011 20:21
title стоит ли? KOkS Оптимизация страниц сайта 17 23.08.2010 00:43
Как работает HIDE, строка ввода? koreash О работе SEO Cafe 1 06.03.2009 18:27

Текущее время: 17:00. Часовой пояс GMT +3.