Эффект задержки при переходе по ссылке

Здравствуйте, сегодня поговорим о том как украсить ссылки при помощи задержки времени при клике по ним.

Скачать исходники для статьи можно ниже

1. Чтобы создать задержку при переходе по ссылке на несколько секунд можно воспользоваться следующим кодом:

 

<a href="https://mnogoblog.ru" onclick="url=this.href;setTimeout('location.href=url',3000);this.href='javascript:void(0)';">mnogoblog.ru</a>

 

Здесь 3000 – это мс или 3 секунды.

Для wordpress сайтов: для примера можно вставить данный код в текстовой виджет, чтобы увидеть как работает данная ссылка. Для этого заходим в панель управления wordpress, в левом меню выбираем пункт “Внешний вид” и его подпункт “Виджеты”, перетаскиваем виджет с названием “Текст” в сайдбар и вставляем в него вышеуказанный код.

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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Эффект задержки при переходе по ссылке: 2 комментария

Добавить комментарий для Гость Отменить ответ