Задержка jQuery на постепенном исчезновении

У меня есть этот код, который изменяет непрозрачность отделения на парении.

$("#navigationcontainer").fadeTo("slow",0.6); 

$("#navigationcontainer").hover(function(){ $("#navigationcontainer").fadeTo("slow",
    1.0); // This sets the opacity to 100% on hover },function(){ 

$("#navigationcontainer").fadeTo("slow",
    0.6); // This sets the opacity back to 60% on mouseout });

Я хочу иметь задержку перед задержкой отделения к 0,6 непрозрачности, как я сделал бы это

12
задан Péter Török 24 March 2010 в 15:08
поделиться

3 ответа

В jQuery 1.4 есть метод под названием delay, который принимает целое число, представляющее мс, которые вы хотите задержать

$("#navigationcontainer").delay(500).fadeTo("slow", 0.6);

Задержка в полсекунды

51
ответ дан 2 December 2019 в 03:04
поделиться

Используйте тайм-аут с обратным вызовом для нужной вам функциональности и задержка, которую вы хотите.

$("#navigationcontainer").fadeTo("slow",0.6); 

$("#navigationcontainer").hover(function(){ $("#navigationcontainer").fadeTo("slow",
    1.0); // This sets the opacity to 100% on hover },function(){ 


var delay = 1000;
setTimeout(function() 
    { 
        $("#navigationcontainer").fadeTo("slow",
            0.6); // This sets the opacity back to 60% on mouseout });

    },
    delay
) 
2
ответ дан 2 December 2019 в 03:04
поделиться

Как насчет

$("#hover_me").hover(function() {
                $("#target_div").fadeTo("slow", 1.0);
           }, function() {
                $("#target_div").delay(800).fadeTo("slow", 0.6);
           }); 
0
ответ дан 2 December 2019 в 03:04
поделиться
Другие вопросы по тегам:

Похожие вопросы: