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

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

22.04.2014, 17:02. Показов 2207. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru