Авто-переход по ссылке. - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 7
Гостей: 7
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Всем привет, предлагаем вам скрипт авто перехода по ссылке при наведении ее курсором мыши, так же мы добавили всплывающие окно в котором идет отсчет до перехода. Скрипт прост и не требует много времени на его установку и настройку.

Установка:

1. Добавимjs скрипт:

Код
<script>$("a").hover(function(){function a(){uTtitle=$("div#uTTime").html(),uTtitle=uTtitle.split("-")[1],uTtitle-=Number(1),$("div#uTTime").html("Автопереход через - "+uTtitle)}setTimeout(function(){$(this).attr("href");location="'+uTlink+'"},5100),$(this).append('<div id="uTTime">Автопереход через - 5</div>'),iTTime=setInterval(a,1e3)},function(){$("div#uTTime").remove(),clearInterval(iTTime)});</script>


Ищем в скрипте:

1. 5100 - Ваше Время в секундах для перехода.
2. 5 Число для отсчета секунд выставленное вами выше.

2. Добавим CSS вид нашей всплывающей таблички информации:

Код
div#uTTime {  
  position: absolute;  
  background: #445c6b;  
  margin: 9px 0px 0px 0px;text-decoration:none;padding:5px 7px;color:#fff;font-size:11px;  
  }  
  div#uTTime:after {  
  bottom: 100%;  
  left: 15px;  
  border: solid transparent;  
  content: " ";  
  height: 0;  
  width: 0;  
  position: absolute;  
  pointer-events: none;  
  border-color: rgba(68, 92, 107, 0);  
  border-bottom-color: #445c6b;  
  border-width: 8px;  
  margin-left: -8px;  
  }  


Если вам не нужен информер отсчета то:

1. Добавим js скрипт:

Код
<script>$("a").hover(function(){setTimeout(function(){$(this).attr("href");location="'+uTlink+'"},5100)});</script>

Важно!

При копировании материала указывать ссылку на источник.

- 473
- 21-Января-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта