Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Авто-переход по ссылке.
+
Всем привет, предлагаем вам скрипт авто перехода по ссылке при наведении ее курсором мыши, так же мы добавили всплывающие окно в котором идет отсчет до перехода. Скрипт прост и не требует много времени на его установку и настройку.
Установка:
1. Добавим js скрипт:
Ищем в скрипте:
1. }, 5100); - Ваше Время в секундах для перехода.
2. Автопереход через - 5 Число для отсчета секунд выставленное вами выше.
2. Добавим CSS вид нашей всплывающей таблички информации:
Если вам не нужен информер отсчета то:
1. Добавим js скрипт:
Не забываем выставить свое время перехода.
Установка:
1. Добавим js скрипт:
Код
<script>$('a').hover(function(){
setTimeout(function () {
var uTlink = $(this).attr('href');
location = "'+uTlink+'";
}, 5100);
$(this).append('<div id="uTTime">Автопереход через - 5</div>');
function iTInform() {
uTtitle = $('div#uTTime').html();
uTtitle = uTtitle.split('-')[1];
uTtitle = uTtitle-Number(1);
$('div#uTTime').html('Автопереход через - '+uTtitle+'');
};
iTTime = setInterval(iTInform,1000);
}, function(){
$('div#uTTime').remove();
clearInterval(iTTime);
});
</script>
setTimeout(function () {
var uTlink = $(this).attr('href');
location = "'+uTlink+'";
}, 5100);
$(this).append('<div id="uTTime">Автопереход через - 5</div>');
function iTInform() {
uTtitle = $('div#uTTime').html();
uTtitle = uTtitle.split('-')[1];
uTtitle = uTtitle-Number(1);
$('div#uTTime').html('Автопереход через - '+uTtitle+'');
};
iTTime = setInterval(iTInform,1000);
}, 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;
}
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 () {
var uTlink = $(this).attr('href');
location = "'+uTlink+'";
}, 5100);
});
</script>
setTimeout(function () {
var uTlink = $(this).attr('href');
location = "'+uTlink+'";
}, 5100);
});
</script>
Не забываем выставить свое время перехода.
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Marishka
Дата добавления: 24.10.2016 в 14:59 по МСК
Категория: Другие модули
Просмотров: 985
Комментариев: 0
Эмоций:
Дата добавления: 24.10.2016 в 14:59 по МСК
Категория: Другие модули
Просмотров: 985
Комментариев: 0
Эмоций:
Теги: