Ротатор текстовых ссылок
с интересным эффектом появления
Смена ссылок (их ротация) может быть полезна в том случае, если посетителю необходимо показать много различных ссылок, но место для их показа ограничено, либо все они не очень вписываются в дизайн сайта.
Предлагаем Вам воспользоваться простым, но в то же время эффективным JavaScript кодом, реализующим ротатор текстовых ссылок с интересным эффектом появления и исчезновения.
Для наглядного примера работы скрипта обратите внимание на появляющиеся и исчезающие текстовые ссылки, находящееся чуть ниже:
Ротатор
Для получения ротатора текстовых ссылок с таким же эффектом появления и исчезновения предлагаем Вам воспользоваться следующим скриптом, который необходимо будет поместить в начало Вашей странички:
<script type="text/javascript">
var delay = 30;
var num = 0;
var mass = new Array(
"Главная страница",
"Новости сайта",
"Полезные скрипты",
"Онлайн-сервисы",
"Форум сайта");
var link = new Array(
"http://usefulscript.ru",
"news.php",
"script.php",
"useful_site.php",
"forum/index.php");
function click_link() { location.href = link[num]; }
function start() { do_ticker(mass[0], 0, 1); }
function do_ticker(anchor, position, direction) {
var output = '[ <b><a href="javascript:click_link()">' +
anchor.substring(0, position)+'</a></b> ]';
document.getElementById("ticker").innerHTML = output;
position += direction;
if (position>anchor.length)
setTimeout('do_ticker("'+anchor+'",'+position+','+(-direction)+')', delay*100);
else {
if (position<0) {
if (++num>=mass.length) num = 0;
anchor = mass[num];
direction = -direction;
}
setTimeout('do_ticker("'+anchor+'",'+position+','+direction+')', delay);
}
}
</script>
В том месте Вашей странички, где Вы хотите поместить ротатор текстовых ссылок, необходимо добавить любой элемент с id="ticker", например:
<p id="ticker">Ротатор</p>
После того, как Вы добавили скрипт на свою страничку и определились с местом для размещения ротатора текстовых ссылок, необходимо запустить скрипт, осуществляющий смену ссылок. Делается это так:
<script type="text/javascript">
start();
</script>
Если Вы все сделали правильно, то в результате у Вас должен получиться точно такой же ротатор текстовых ссылок как в примере, показанном выше. При помощи данного ротатора ссылок можно не только сэкономить место на сайте, но и привлечь дополнительное внимание со стороны посетителей.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.