Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
 Аватар для AinurKA29
7 / 7 / 2
Регистрация: 07.07.2013
Сообщений: 90

Плавное появление уведомления

22.04.2014, 17:02. Показов 2228. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сделал так:

JavaScript
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){
    $('#tab').hide();
    $("#tab").slideDown(700);
    $("#tab").click(function(){
    $("#tab").slideUp(250);
 
    });
    })
</script>

Работает, но страница еще не до загрузилась, а он уже выполнился, нужно чтобы загрузилось, прошло пару секунд и вышло уведомление, а при клике на него, оно закрылось.

Потом сделал так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
$('#tab').hide();
setTimeout('My();', 3000);
function My() {
    $("#tab").slideDown(700);
    }
    
    $("#tab").click(function(){
    $("#tab").slideUp(250);
 
    });
</script>
Не работает.
В js и jQuery я нуб) Помогите нубу)
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
22.04.2014, 17:02
Ответы с готовыми решениями:

Плавное появление
Есть следующий спойлер: /* Спойлер */ .details summary { position: relative; background: #ededed; display:inline-block; ...

Плавное появление и исчезновение
Всем привет. Хотела, чтобы при наведении на кнопку выпадающий список плавно появлялся, а если увести курсор, то плавно исчезал...Написала...

Плавное появление блоков
Привет, нужно чтобы блоки понемногу вылезали, а не сразу появлялись мне нужно как на этом сайте http://elektrosila.altop.ru (только...

3
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
22.04.2014, 17:15
Лучший ответ Сообщение было отмечено AinurKA29 как решение

Решение

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
    var tab = $('#tab').hide().on('click', function(){
        $(this).slideUp(250);
    });
    setTimeout(function(){
        tab.slideDown(700);
    }, 3000);
});
Пример смотрим тут.
1
 Аватар для AinurKA29
7 / 7 / 2
Регистрация: 07.07.2013
Сообщений: 90
22.04.2014, 17:30  [ТС]
Lazy_Den, Спасибо большое))
Не давно пересел с Delphi на php. Они схожи. Все понятно.
Но в web без js не обойтись.
А для меня js,страшный и совсем не понятный язык.
А страх нужно побеждать)
Где посоветуете про js и в частости про jQuery почитать?)
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
22.04.2014, 17:44
Цитата Сообщение от AinurKA29 Посмотреть сообщение
Где посоветуете про js и в частости про jQuery почитать?)
Ну, в этом направлении информации больше, чем достаточно. Например, этот учебник JavaScript или на w3schools. Но точно, что нужно обходить стороной - это уроки всяких Поповых и им подобных. Лично я сторонник официальной документации. Тот же jQuery - развивается и многие материалы, которые вы найдете в инете, могут быть устаревшими. Потом будете долго гадать в стиле: "Почему ж это метод live() не работает?..."
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.04.2014, 17:44
Помогаю со студенческими работами здесь

Плавное появление div
Использую динамическую подгрузку страниц c помощью Ajax. Правда контент подгружается резко. Как можно сделать, чтобы он плавно появлялся?...

Плавное появление блока
Не понимаю как сделать плавное появление блока если на нем виси display:flex. Т.е в обычном случае ставишь none, вешаешь событие и он...

Плавное появление скрытого блока
Добрый день, имеется следующий HTML код: &lt;div class=&quot;last_news_img&quot;&gt; &lt;img src=&quot;images/news2.jpg&quot; height=&quot;225px&quot;...

Плавное появление и исчезание блока
Вод код: function posMouse(e){ var mouX = 0, mouY = 0; if (!e) e = window.event; if (e.pageX || e.pageY) { mouX =...

Плавное появление элемента снизу
Есть блоки. .mouse { width:200px; height:100px; background:red; margin:20px; padding-top:250px; }


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Функция установки текстового статуса в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru