После скрытия блока через заданное время
Добрый вечер ув. знатоки помогите довести идею до ума)
Не получается сделать такую штуку имеется код скрытия/раскрытия блока. function show_chat() { $('.chat_over').animate({bottom:'20px'},200) $('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)}) } function hide_chat() { $('.chat_over').animate({bottom:'-390px'},200) $('#bottom_chat').fadeOut(200,function() {$('#top_chat').fadeIn(200)}) } Не получается сделать так чтоб когда тыкнули на скрыть блок т.е. hide_chat(); через заданное время блок стал полу прозрачный. Помогите пожалуйста Заранее огромное спасибо! |
Используй функцию delay(задержка в миллисекундах) перед анимацией.
function show_chat() { //Тут тоже добавляем анимацию opacity $('#chat').stop().animate({opacity:'1'}, 200); $('.chat_over').animate({bottom:'20px'},200) $('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)}) } function hide_chat() { $('.chat_over').animate({bottom:'-390px'},200) $('#bottom_chat').fadeOut(200,function() {$('#top_chat').fadeIn(200, function(){ //Вот оно $('#chat').delay(2000).animate({opacity:'0.5'}, 200); })}) } И еще почитай про функцию stop и ее использование, может пригодиться. |
Zuenf,
По идеи со всем не то... Мне нужно чтоб когда блок сворачивается и находиться свернутым состояние то к примеру через 4000 миллисекунд он автоматически стает полу прозрачным т.е. {opacity:'0.5'}... Как то вот так ... думаю такое вообще возможно? |
Без HTML совсем "немного" не понятно где и какие id у тебя там находятся.
Думалось мне, что у тебя #top_chat и #bottom_chat обернуты в #chat. Но если сие действие нужно производить с #top_chat, тогда так: http://fiddle.jshell.net/t4Vmd/3/ |
Zuenf,
Вот хтмл и ксс и js. http://jsbin.com/IZIhidA/2/edit Еще раз поясню может что упустил. Мне нужно чтоб когда блок скрывают то после клика блок с ежяет как сча но при этом через 4000 миллисекунд он становиться полу прозрачным. И когда юзер его обратно открывает то он становиться обратно нормальным прозрачностью 100% .css('opacity','1') как то так. |
Цитата:
|
Я же тебе поведал о функциях delay и stop!
Почитал бы посмотрел примеры и присобачил бы в нужное место. Вот как это нужно было сделать с твоим чатом: http://jsbin.com/IZIhidA/7/edit |
Zuenf,
Спасибо за помощь) |
BETEPAH,
И вам Евгений спасибо) |
Часовой пояс GMT +3, время: 20:37. |