Всем привет, предлагаем вам скрипт авто перехода по ссылке при наведении ее курсором мыши, так же мы добавили всплывающие окно в котором идет отсчет до перехода. Скрипт прост и не требует много времени на его установку и настройку.
Установка:
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>