Биржа Sape уже давненько прикрыла метод, когда можно было за счёт тэга <marquee> сделать блок ссылок визуально меньше. Кстати, я одним из первых стал применять этот метод и посоветовал его своим друзьям-сеошникам. Так как же сделать блок ссылок визуально меньше и не в ущерб индексации поисковыми системами?
Всё гениально и просто. Будем использовать скрипт Innefade. Fade-эффект, о котором я уже писал, поможет и со ссылками.
Текст размещён в обычном списке. Ниже пример xhtml-кода:
<ul id="ullinks">
<li><a href="http://www.filchushkin.ru/services/site-development">Разработка сайтов</a></li>
<li><a href="http://www.filchushkin.ru/services/site-promotion">Продвижение сайтов</a></li>
<li><a href="http://www.filchushkin.ru/services/searching-for-clients">Поиск клиентов, привлечение клиентов</a></li>
<li><a href="http://www.filchushkin.ru/articles/vertical-menu-with-delay-before-closing">Вертикальное меню с задержкой перед закрытием</a></li>
<li><a href="http://www.filchushkin.ru/articles/vertical-menu">Простое вертикальное меню</a></li>
<li><a href="http://www.filchushkin.ru/articles/scrollbars-changing-textures">Полосы прокрутки с изменёнными текстурами</a></li>
<li><a href="http://www.filchushkin.ru/articles/competitors-analysis">Продвижение. Анализ конкурентов</a></li>
</ul>
А вот так этот скрипт настраивается (этот код прописывать в разделе <head>):
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#ullinks').innerfade({
animationtype: 'fade',
speed: 750,
timeout: 3000,
type: 'random',
containerheight: '1em'
});
});
</script>
Настройки скрипта:
- animationtype: тип анимации, бывает 'fade' или 'slide' (по умолчанию 'fade'),
- speed: скорость изменения в миллисекундах, можно словами (slow, normal or fast) (по умолчанию 'normal'),
- timeout: время между сменами двух слоёв/ссылок (по умолчанию '2000'),
- type: порядок смены 'sequence', 'random' or 'random_start' (дефолтом 'sequence'),
- containerheight: высота контейнера, в котором помещены сменяющиеся элементы, в любых CSS-допустимых единицах (по дефолту 'auto').
Скачать пример со сменой текстов, ссылок и картинок можно с моего сайта. Родина сего скрипта на сайте http://medienfreunde.com/.
