Новые сообщения · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Форум samp-ru.org » Ucoz » Скрипты » Простые уведомления на jquery (Простые и удобные уведомления)
Простые уведомления на jquery
Дата: Воскресенье, 27.04.2014, 11:38 | Сообщение # 1
Import
!!!!!!!!
Пользователь
Сообщений: 10
Статус: Offline
Для начала мы подключим библиотеку jquery: 

Код
<!--подключаем библиотека jquery-->
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<!--/библиотека jquery-->


После этого мы создаем div с нашими уведомлениями: 

Код
<!--наше уведомление-->
<div class="good"></div>
<!--/наше уведомление-->


Теперь нам нужно вызывать уведомление. Оно может быть несколько видов:
Через ссылку 

Код
<!--вызов уведомления через ссылку-->
<a href="javascript:wind('Тут ваш текст ( <b>Работает HTML</b> )', 'dodgerblue')">Вызов</a>
<!--/вызов уведомления через ссылку-->


Через onclick

Код
<div onclick="wind('Текст', 'red')"></div>


Через javascript

Код
<script>
window.onload = wind('Текст', 'red');
</script>


Дальше нам нужно указать стиль для уведомления:

Код
.good {
display:none;
position: absolute;
padding: 20px;
border-radius: 2px;
right: 10px;
bottom: 10px;
}


И сам скрипт: 

Код
function wind(text, color) {
$('.good').html(text).css({"background" : color}).fadeIn();
setTimeout(function () {$('.good').fadeOut()}, 5000 /* 5 сек */);
}


Вот и все!


 
Форум samp-ru.org » Ucoz » Скрипты » Простые уведомления на jquery (Простые и удобные уведомления)
Страница 1 из 11
Поиск:

скачать скрипты, вирты самп, моды, читы самп, уроки pawn, античит на сервер, новости gta, мап карты

filterscripts, gamemodes, map scripts, role play, samp 0.3z, drift, скрипты, игровые моды, самп