Авто-переход по ссылке.

329
8.4 из 10
Проголосовало: 4






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

Установка:
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>
Автор публикации: Загрузка
Загрузка
Marishka, это его n материал
Источник: http://mybeststudio.ru
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Последние темы
    Опрос
    461
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: