Скроллируемый список ссылок
Хороший вариант сохранить привлекательный внешний вид страницы, если вы на своем сайте размещаете ссылки за деньги.
Приводим блок ссылок к такому виду:
<ul id="uaLinkScroller"> <li><a href="...">пластиковые окна</a></li> <li><a href="...">автоперевозки</a></li> <li><a href="...">Египет туры</a></li> <li><a href="...">офисная мебель</a></li> </ul>
Это изменение никак не влияет на вес ссылок и не может помешать их индексации поисковыми системами.
Так выглядит блок ссылок с отключенными CSS и JavaScript
С помощью CSS убираем «списочное» оформление и прячем ссылки, чтобы затем с помощью JavaScript по одной выводить их на экран:
#uaLinkScroller {
display: inline;
margin: 0px;
padding: 0px;
}
#uaLinkScroller li { display: none; }
В заголовок страницы (<head>…</head>) добавляем вызов скрипта:
<script type="text/javascript" src="ualinkscroller.js"></script>
Сам скрипт можно взять здесь: ualinkscroller.js. Можно изменить скорость переключения ссылок, она задается в миллисекундах:
...
self.setTimeout("uaLSScroll()",2000);
...
Если пользователь наводит курсор на ссылку, скроллинг прекращается. Когда убирает курсор – возобновляется.
В итоге получается вот так:
Скроллируемый список ссылок
Скрипт тестировался в основных современных браузерах. Попробуйте и вы: тестовая страница.
Filed under: Технологии | Leave a Comment
No Responses Yet to “Скроллируемый список ссылок”