Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Скрываем информацию по истечении времени
Скрываем информацию по истечении определенного времени, с помощью JQuery. С помощью данного кода вы сможете скрыть определенную информацию через определенное время, например вы сможете скрывать рекламу, правила, и многое другое, что вам придет в голову, во общем полезная штука.
Установка:
Для начала, нам необходимо добавить блок, который будет исчезать:
после в css вставляете
Осталось прописать код, который будет отвечать за то, чтобы наш блок с сообщением скрывался через определенное время:
Как вы видите, сложного здесь ничего нет. Сначала мы скрываем блок с сообщением с помощью метода slideUp(), а затем и вовсе удаляем его со страницы. Чтобы выставить нужное время, просто измените значение 3000 на любое другое. Текущее время выполнения составляет 3 секунды ( 3000 миллисекунд ).
Установка:
Для начала, нам необходимо добавить блок, который будет исчезать:
Code
<div class="myMessageBox">www.3week.clan.su - Все для uCoz</div>
после в css вставляете
Code
.myMessageBox {
height: 35px;
line-height: 35px;
padding: 5px;
background-color: #55b838;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
height: 35px;
line-height: 35px;
padding: 5px;
background-color: #55b838;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
Осталось прописать код, который будет отвечать за то, чтобы наш блок с сообщением скрывался через определенное время:
Code
<script type="text/javascript">
$(document).ready(function() {
setTimeout( function() {
$('.myMessageBox').slideUp(300, function() { $(this).remove(); });
}, 2500 );
});
</script>
$(document).ready(function() {
setTimeout( function() {
$('.myMessageBox').slideUp(300, function() { $(this).remove(); });
}, 2500 );
});
</script>
Как вы видите, сложного здесь ничего нет. Сначала мы скрываем блок с сообщением с помощью метода slideUp(), а затем и вовсе удаляем его со страницы. Чтобы выставить нужное время, просто измените значение 3000 на любое другое. Текущее время выполнения составляет 3 секунды ( 3000 миллисекунд ).
| Всего комментариев: 0 | |