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

1171
8.6 из 10
Проголосовало: 9






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

Установка:
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 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • geleson2222 написал:
  • ?
  • Doc120 написал:
  • /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
    opacity:0.1 ; это легальное скрытее $POWERED_BY$
    ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
  • Doc120 написал:
  • Ставим в ccs и все
    /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
  • topkalife написал:
  • Было бы лучше если бы данный скрипт работал)
  • k43 написал:
  • Возможно из-за капчи для пользователей
    Последние темы
    Опрос
    537
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: