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

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

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

Бизнес сообщество BizNet - здесь

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 комментария

Добавить комментарий