Мақолаҳо

JQuery, чӣ гуна мо метавонем эффектҳои динамикиро бо JQuery амалӣ кунем

Бо JQuery шумо метавонед тавассути амал дар унсурҳои саҳифаи HTML эффектҳои динамикӣ, аниматсияҳо ва пажмурдаҳо эҷод кунед.

Дар ин мақола мо мебинем, ки чӣ тавр истифода бурдани усулҳои гуногуни JQuery барои тавлиди аниматсияҳо.

Мундариҷа

Элементи HTMLро пинҳон ва нишон диҳед

Усулҳои `hide`() Ва `show`()

Усули hide() танҳо услубро дар сатр муқаррар мекунад display: none барои ашёи интихобшуда. Баръакс, усули show() хосиятҳои намоишро барқарор мекунад.

Биёед як мисолро бубинем:

<script>
$(document).ready(function(){
    // Hide displayed paragraphs
    $(".hide-btn").click(function(){
        $("p").hide();
    });
    
    // Show hidden paragraphs
    $(".show-btn").click(function(){
        $("p").show();
    });
});
</script>

Дар ҳолати аввал, вақте ки шумо тугмаро пахш мекунед, параграф пинҳон мешавад (hide-btn), дар ҳолати дуюм параграф ҳангоми пахш кардани тугма нишон дода мешавад (show-btn).

Шумо инчунин метавонед параметри давомнокро муайян кунед, то намоишро фаъол созед ва эффектро барои муддати муайян пинҳон кунед.

Давомнокӣ метавонад бо истифода аз яке аз сатрҳои пешакӣ муайян карда шавадdefiнит 'slow' o 'fast', ё дар як қатор миллисонияҳо, барои дақиқтар; арзишҳои баландтар нишон медиҳанд, ки аниматсияҳои сусттар.

<script>
$(document).ready(function(){
    // Hide displayed paragraphs with different speeds
    $(".hide-btn").click(function(){
        $("p.normal").hide();
        $("p.fast").hide("fast");
        $("p.slow").hide("slow");
        $("p.very-fast").hide(50);
        $("p.very-slow").hide(2000);
    });
    
    // Show hidden paragraphs with different speeds
    $(".show-btn").click(function(){
        $("p.normal").show();
        $("p.fast").show("fast");
        $("p.slow").show("slow");
        $("p.very-fast").show(50);
        $("p.very-slow").show(2000);
    });
});
</script>

Сатр пешdefiнита 'fast' давомнокии 200 миллисонияро нишон медиҳад, дар ҳоле ки сатр 'slow' давомнокии 600 миллисонияро нишон медиҳад.

Мо метавонем функсияро муайян кунем callback ки пас аз ба охир расидани усул ичро карда шавад show() ё аз hide()

<script>
$(document).ready(function(){
    // Display alert message after hiding paragraphs
    $(".hide-btn").click(function(){
        $("p").hide("slow", function(){
            // Code to be executed
            alert("The hide effect is completed.");
        });
    });
    
    // Display alert message after showing paragraphs
    $(".show-btn").click(function(){
        $("p").show("slow", function(){
            // Code to be executed
            alert("The show effect is completed.");
        });
    });
});
</script>

Усули гузариш

Усули jQuery toggle() ашёро тавре нишон диҳед ё пинҳон кунед, ки агар ашё дар аввал намоиш дода шавад, он пинҳон мешавад; баръакс, агар пинҳон бошад, он намоиш дода мешавад (амали дидани онро иваз мекунад).

<script>
$(document).ready(function(){
    // Toggles paragraphs display
    $(".toggle-btn").click(function(){
        $("p").toggle();
    });
});
</script>

Ба ҳамин монанд, шумо метавонед параметрро муайян кунед duration барои усул toggle(), ба тавре, ки гузариши байни намоён ва пинҳонӣ, ба монанди усулҳо ҷоннок карда шавад show() e hide()

<script>
$(document).ready(function(){
    // Toggles paragraphs with different speeds
    $(".toggle-btn").click(function(){
        $("p.normal").toggle();
        $("p.fast").toggle("fast");
        $("p.slow").toggle("slow");
        $("p.very-fast").toggle(50);
        $("p.very-slow").toggle(2000);
    });
});
</script>

Ба ҳамин монанд, шумо метавонед функсияи -ро низ муайян кунед callback барои усул toggle().

<script>
$(document).ready(function(){
    // Display alert message after toggling paragraphs
    $(".toggle-btn").click(function(){
        $("p").toggle(1000, function(){
            // Code to be executed
            alert("The toggle effect is completed.");
        });
    });
});
</script>

Таъсири пажмурдашавии jQuery

Усулҳои `fadeIn()` e `fadeOut()`

Шумо метавонед усулҳои jQuery-ро истифода баред fadeIn()e fadeOut() барои нишон додан ё пинҳон кардани унсурҳои HTML, тадриҷан зиёд ё кам кардани шаффофияти онҳо ва эҷод кардани эффекти пажмурдашуда.

<script>
$(document).ready(function(){
    // Fading out displayed paragraphs
    $(".out-btn").click(function(){
        $("p").fadeOut();
    });
    
    // Fading in hidden paragraphs
    $(".in-btn").click(function(){
        $("p").fadeIn();
    });
});
</script>

Мисли дигар усулҳои эффектҳои jQuery, шумо метавонед ба таври ихтиёрӣ параметри давомнокӣ ё суръатро барои усулҳо муайян кунед fadeIn()e fadeOut(), бо мақсади назорат кардани давомнокии пажмурда. Давомнокӣ метавонад бо истифода аз яке аз сатрҳои пешакӣ муайян карда шавадdefiнит 'slow' o 'fast', ё дар якчанд миллисонияҳо; арзишҳои баландтар нишон медиҳанд, ки аниматсияҳои сусттар.

<script>
$(document).ready(function(){
    // Fading out displayed paragraphs with different speeds
    $(".out-btn").click(function(){
        $("p.normal").fadeOut();
        $("p.fast").fadeOut("fast");
        $("p.slow").fadeOut("slow");
        $("p.very-fast").fadeOut(50);
        $("p.very-slow").fadeOut(2000);
    });
    
    // Fading in hidden paragraphs with different speeds
    $(".in-btn").click(function(){
        $("p.normal").fadeIn();
        $("p.fast").fadeIn("fast");
        $("p.slow").fadeIn("slow");
        $("p.very-fast").fadeIn(50);
        $("p.very-slow").fadeIn(2000);
    });
});
</script>

самараи усулхо fadeIn() / fadeOut() Ба он монанд аст show() / hide(), аммо бар хилофи усулҳо show() / hide(), аввалӣ танҳо шаффофияти унсурҳои мавриди ҳадафро зинда мекунад ва андозаи онҳоро ҷоннок намекунад.

Шумо инчунин метавонед функсияи -ро муайян кунед callback ки пас аз ба итмом расидани усулҳо кор кунед fadeIn() / fadeOut().

<script>
$(document).ready(function(){
    // Display alert message after fading out paragraphs
    $(".out-btn").click(function(){
        $("p").fadeOut("slow", function(){
            // Code to be executed
            alert("The fade-out effect is completed.");
        });
    });
    
    // Display alert message after fading in paragraphs
    $(".in-btn").click(function(){
        $("p").fadeIn("slow", function(){
            // Code to be executed
            alert("The fade-in effect is completed.");
        });
    });
});
</script>

метод `fadeToggle()`

Усули jQuery fadeToggle() унсурҳои интихобшударо тавассути аниматсия кардани шаффофияти онҳо нишон медиҳад ё пинҳон мекунад, ки агар элемент дар аввал намоиш дода шавад, он пажмурда мешавад; агар он пинҳон шуда бошад, он пажмурда мешавад (яъне иваз кардани эффекти пажмурда).

<script>
$(document).ready(function(){
    // Toggles paragraphs display with fading
    $(".toggle-btn").click(function(){
        $("p").fadeToggle();
    });
});
</script>

Шумо инчунин метавонед параметри умри методро муайян кунед fadeToggle() дар бораи усулхо fadeIn() / fadeOut(), барои идора кардани давомнокӣ ё суръати аниматсияи пажмурдашуда.

<script>
$(document).ready(function(){
    // Fade Toggles paragraphs with different speeds
    $(".toggle-btn").click(function(){
        $("p.normal").fadeToggle();
        $("p.fast").fadeToggle("fast");
        $("p.slow").fadeToggle("slow");
        $("p.very-fast").fadeToggle(50);
        $("p.very-slow").fadeToggle(2000);
    });
});
</script>

Усули fadeToggle () инчунин қобилияти муайян кардани функсияро дорад callback.

<script>
$(document).ready(function(){
    // Display alert message after fade toggling paragraphs
    $(".toggle-btn").click(function(){
        $("p").fadeToggle(1000, function(){
            // Code to be executed
            alert("The fade-toggle effect is completed.");
        });
    });
});
</script>

метод `fadeTo()`

Усули jQuery fadeTo() ба усул монанд аст fadeIn(), аммо бар хилофи усул fadeIn(), усул fadeTo() ба шумо имкон медиҳад, ки унсурҳоро то сатҳи муайяни шаффофият омехта кунед.

$(selector).fadeTo(speed, opacity, callback);

Параметри зарурӣ opacity шаффофияти ниҳоии унсурҳои мақсаднокро муайян мекунад, ки метавонад рақами байни 0 ва 1 бошад. Параметр duration o speed инчунин барои ин усул лозим аст, ки давомнокии пажӯҳиши аниматсияро муайян мекунад.

<script>
$(document).ready(function(){
    // Fade to paragraphs with different opacity
    $(".to-btn").click(function(){
        $("p.none").fadeTo("fast", 0);
        $("p.partial").fadeTo("slow", 0.5);
        $("p.complete").fadeTo(2000, 1);
    });
});
</script>

Эффектҳои паймоиш

Усулҳои `slideUp()` e `slideDown()`

Усули jQuery slideUp() e slideDown() онҳо барои пинҳон кардан ё нишон додани унсурҳои HTML бо роҳи тадриҷан кам ё зиёд кардани баландии онҳо (яъне ҳаракат кардани онҳо ба боло ё поён) истифода мешаванд.

<script>
$(document).ready(function(){
    // Slide up displayed paragraphs
    $(".up-btn").click(function(){
        $("p").slideUp();
    });
    
    // Slide down hidden paragraphs
    $(".down-btn").click(function(){
        $("p").slideDown();
    });
});
</script>

Мисли дигар усулҳои эффектҳои jQuery, шумо метавонед ба таври ихтиёрӣ параметри давомнокӣ ё суръатро барои усулҳо муайян кунед slideUp() e slideDown() барои идора кардани давомнокии аниматсия слайд. Давомнокӣ метавонад бо истифода аз яке аз сатрҳои пешакӣ муайян карда шавадdefiнит 'slow' o 'fast', ё дар якчанд миллисонияҳо; арзишҳои баландтар нишон медиҳанд, ки аниматсияҳои сусттар.

<script>
$(document).ready(function(){
    // Sliding up displayed paragraphs with different speeds
    $(".up-btn").click(function(){
        $("p.normal").slideUp();
        $("p.fast").slideUp("fast");
        $("p.slow").slideUp("slow");
        $("p.very-fast").slideUp(50);
        $("p.very-slow").slideUp(2000);
    });
    
    // Sliding down hidden paragraphs with different speeds
    $(".down-btn").click(function(){
        $("p.normal").slideDown();
        $("p.fast").slideDown("fast");
        $("p.slow").slideDown("slow");
        $("p.very-fast").slideDown(50);
        $("p.very-slow").slideDown(2000);
    });
});
</script>

Шумо инчунин метавонед функсияи бозгаштро барои иҷро кардани пас аз анҷоми усул муайян кунед slideUp() o slideDown().

<script>
$(document).ready(function(){
    // Display alert message after sliding up paragraphs
    $(".up-btn").click(function(){
        $("p").slideUp("slow", function(){
            // Code to be executed
            alert("The slide-up effect is completed.");
        });
    });
    
    // Display alert message after sliding down paragraphs
    $(".down-btn").click(function(){
        $("p").slideDown("slow", function(){
            // Code to be executed
            alert("The slide-down effect is completed.");
        });
    });
});
</script>

метод `slideToggle()`

Усули jQuery slideToggle() унсурҳои интихобшударо бо аниматсия кардани баландии онҳо нишон додан ё пинҳон кардан, то ки агар элемент дар аввал намоиш дода шавад, он ба боло ҳаракат карда мешавад; агар пинҳон бошад, он ба поён ҳаракат карда мешавад, яъне байни усулҳо иваз карда мешавад slideUp() e slideDown().

<script>
$(document).ready(function(){
    // Toggles paragraphs display with sliding
    $(".toggle-btn").click(function(){
        $("p").slideToggle();
    });
});
</script>

Ба ҳамин монанд, шумо метавонед параметри умри методро муайян кунед slideToggle() омад slideUp() e slideDown().

<script>
$(document).ready(function(){
    // Slide Toggles paragraphs with different speeds
    $(".toggle-btn").click(function(){
        $("p.normal").slideToggle();
        $("p.fast").slideToggle("fast");
        $("p.slow").slideToggle("slow");
        $("p.very-fast").slideToggle(50);
        $("p.very-slow").slideToggle(2000);
    });
});
</script>

Ба ҳамин монанд, шумо инчунин метавонед функсияи бозхонд барои усулро муайян кунед slideToggle().

<script>
$(document).ready(function(){
    // Display alert message after slide toggling paragraphs
    $(".toggle-btn").click(function(){
        $("p").slideToggle(1000, function(){
            // Code to be executed
            alert("The slide-toggle effect is completed.");
        });
    });
});
</script>

Таъсири аниматсия

метод `animate()`

Усули jQuery animate() он барои сохтани аниматсияҳои фармоишӣ истифода мешавад. Усули animate() барои аниматсия кардани хосиятҳои ададии CSS, ба монанди width, height, margin, padding, opacity, top, left ва гайра. балки хосиятҳои ғайри рақамӣ монанди color o background-color онҳоро бо истифода аз функсияҳои асосии jQuery аниматсионӣ кардан мумкин нест.

Синтаксиси асосии усул animate() чунин аст:

$(selector).animate({ properties }, duration, callback);

Параметрҳои усул animate() маъноҳои зерин доранд:

Параметри хосиятҳои зарурӣ defiхосиятҳои CSS-ро барои аниматсия анҷом диҳед.
Параметри давомнокии ихтиёрӣ муайян мекунад, ки аниматсия чӣ қадар давом мекунад. Давомнокӣ метавонад бо истифода аз яке аз сатрҳои пешакӣ муайян карда шавадdefiнит 'slow' o 'fast', ё дар якчанд миллисонияҳо; арзишҳои баландтар нишон медиҳанд, ки аниматсияҳои сусттар.
Параметри ихтиёрии бозпас ин функсияест, ки пас аз анҷоми аниматсия занг занад.

Дар зер намунаи оддии усул оварда шудааст animate() ки бо пахши тугма тасвирро аз мавқеъи аввалааш ба тарафи рост 300 пиксел анимат медиҳад.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("img").animate({
            left: 300
        });
    });
});
</script>

Шумо инчунин метавонед бо истифода аз усул якчанд хосиятҳои як унсурро якбора якҷоя кунед animate(). Ҳама хосиятҳо дар як вақт бе таъхир аниматсия карда шуданд.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".box").animate({
            width: "300px",
            height: "300px",
            marginLeft: "150px",
            borderWidth: "10px",
            opacity: 0.5
        });
    });
});
</script>

Шумо инчунин метавонед хосиятҳои сершумори элементро як ба як дар як навбат бо истифода аз функсияи пайвасткунии jQuery аниматсия кунед.

Мисоли зерин аниматсияи навбатдор ё занҷирбандии jQuery-ро нишон медиҳад, ки дар он ҳар як аниматсия пас аз ба итмом расидани аниматсияи қаблӣ дар элемент оғоз мешавад. Мо вазифаи пайвасткуниро дар мақолаи оянда мебинем.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".box")
            .animate({width: "300px"})
            .animate({height: "300px"})
            .animate({marginLeft: "150px"})
            .animate({borderWidth: "10px"})
            .animate({opacity: 0.5});
    });
});
</script>

Инчунин мумкин аст defiарзишҳои нисбии хосиятҳои аниматсионӣ. Агар арзиш бо префикс муайян карда шавад += o -=, арзиши мақсаднок бо роҳи илова ё тарҳ кардани рақами муайяншуда аз арзиши ҷории амвол ҳисоб карда мешавад.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".box").animate({            
            top: "+=50px",
            left: "+=50px",
            width: "+=50px",
            height: "+=50px"
        });
    });
});
</script>

Илова ба арзишҳои ададӣ, ҳар як хосият метавонад сатрҳоро қабул кунад 'show', 'hide' e 'toggle'. Он дар вазъияте хеле муфид хоҳад буд, ки шумо танҳо мехоҳед амволро аз арзиши ҷории он то арзиши ибтидоии он ва баръакс ҷон диҳед.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".box").animate({
            width: 'toggle'
        });
    });
});
</script>

метод `stop()`

Усули jQuery stop() барои қатъ кардани аниматсияҳо ё эффектҳои ҳозираи jQuery дар унсурҳои интихобшуда пеш аз ба итмом расидан истифода мешавад.

Синтаксиси асосии усул stop() jQuery метавонад бо:

$(selector).stop(stopAll, goToEnd);

Параметрҳо дар синтаксиси боло маънои зерин доранд:

Il параметри ихтиёрии мантиқии stopAll, муайян мекунад, ки аниматсияи навбатдор хориҷ карда шавад ё не. Пешdefiшаб аст false, ин маънои онро дорад, ки танҳо аниматсияи ҷорӣ қатъ карда мешавад, боқимондаи аниматсияҳо дар навбат дертар иҷро мешаванд.
Параметри мантиқии goToEnd ихтиёрӣ муайян мекунад, ки оё фавран аниматсияи ҷорӣ анҷом дода шавад. Пешdefiшаб аст false.

Ин аст як мисоли оддӣ, ки усулро нишон медиҳад stop() дар амали воқеӣ, ки дар он шумо метавонед аниматсияро бо пахши тугма оғоз ва қатъ кунед.

<script>
$(document).ready(function(){
    // Start animation
    $(".start-btn").click(function(){
      $("img").animate({left: "+=150px"}, 2000);
    });
 
    // Stop running animation
    $(".stop-btn").click(function(){
      $("img").stop();
    });
    
    // Start animation in the opposite direction
    $(".back-btn").click(function(){
      $("img").animate({left: "-=150px"}, 2000);
    });
 
    // Reset to default
    $(".reset-btn").click(function(){
      $("img").animate({left: "0"}, "fast");
    });
});
</script>

Ин аст мисоли дигари ин усул, ки агар шумо дубора тугмаро пахш кунедSlide Toggle” пас аз оғози аниматсия, вале пеш аз анҷоми он, аниматсия фавран ба самти муқобил аз нуқтаи ибтидоии захирашуда оғоз мешавад.

<script>
$(document).ready(function(){
    // Kill and toggle the current sliding animation
    $(".toggle-btn").on("click", function(){
        $(".box").stop().slideToggle(1000);
    });
});
</script>

Ҳангоми эҷод кардани эффекти аниматсионӣ, яке аз мушкилоти маъмултарине, ки шумо метавонед рӯ ба рӯ шавед, аниматсияҳои сершумор дар навбат гузошта мешаванд, вақте ки шумо курсори мушро зуд ҷойгир ва хориҷ мекунед. Чаро дар ин вазъият mouseenter гли mouseleave ҳодисаҳо пеш аз ба итмом расидани аниматсия зуд ба кор андохта мешаванд. Барои пешгирӣ кардани ин мушкилот ва эҷод кардани эффекти хуб ва ҳамвор, шумо метавонед илова кунед stop(true, true)ба занҷири усул, ба монанди:

<script>
$(document).ready(function(){
    $(".box").hover(function(){
        $(this).find("img").stop(true, true).fadeOut();
    }, function(){
        $(this).find("img").stop(true, true).fadeIn();
    });
});
</script>

дар іолати

Изҳороти JavaScript сатр ба сатр иҷро карда мешаванд. Бо вуҷуди ин, азбаски эффекти jQuery барои ба итмом расонидани вақт каме вақт мегирад, рамзи сатри навбатӣ метавонад ҳангоми иҷро шудани эффекти қаблӣ кор кунад. Барои пешгирии ин ҳодиса, jQuery барои ҳар як усули таъсир функсияи бозпасро таъмин мекунад.

Функсияи бозхонд функсияест, ки пас аз ба итмом расидани эффект иҷро мешавад. Функсияи бозхонд ҳамчун далел ба усулҳои эффект интиқол дода мешавад ва онҳо одатан ҳамчун далели охирини метод пайдо мешаванд. Масалан, синтаксиси асосии усули эффекти jQuery slideToggle() бо функсияи бозгашт, ки метавонад ба таври зерин муайян карда шавад:

$(selector).slideToggle(duration, callback);

Мисоли зеринро дида бароед, ки мо изҳоротро дар он ҷо гузоштаем slideToggle()e alert()яке дар паҳлӯи дигаре. Агар шумо ин рамзро санҷед, огоҳӣ фавран пас аз пахш кардани тугмаи ивазкунӣ бе интизори анҷоми эффекти ивазкунии слайд пайдо мешавад.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").slideToggle("slow");
        alert("The slide toggle effect has completed.");
    });   
});
</script>

Ва ин аст версияи тағирёфтаи мисоли қаблӣ, ки мо изҳоротро ворид карда будем alert() дар дохили функсияи бозгашт барои усул slideToggle(). Агар шумо ин рамзро санҷед, пас аз ба итмом расидани эффекти ивазкунии слайд паёми огоҳкунанда пайдо мешавад.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").slideToggle("slow", function(){
            // Code to be executed once effect is complete
            alert("The slide toggle effect has completed.");
        });
    });   
});
</script>

Ба ҳамин монанд, шумо метавонед defiфунксияҳои бозпас зангро барои усулҳои дигари эффекти jQuery, ба монанди show(), hide(), fadeIn(), fadeOut(), animate()ва ғайра

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("h1, p").slideToggle("slow", function(){
            // Code to be executed once effect is complete
            alert("The slide toggle effect has completed.");
        });
    });   
});
</script>

Агар шумо рамзи намунаи дар боло зикршударо санҷед, шумо як паёми огоҳкунандаро ду маротиба дар як адад мегиред <h1> e <p>, пас аз пахш кардани тугмаи фаъол.

BlogInnovazione.it

Tags: jquery

28 январи 2023, 10:58

дигар Ларавел: Views Laravel чист »

Пурбаҳстаринҳо «Платформаи Verimatrix Secure Delivery соли аввали худро бо миллиардҳо литсензияҳо барои як аудиторияи видео ба итмом мерасонад

Мақолаҳои охирин

Шабакаи Коммунӣ

Veeam дорои дастгирии ҳамаҷонибаи нармафзори ransomware, аз муҳофизат то вокуниш ва барқарорсозӣ мебошад

Coveware аз ҷониби Veeam хидматрасонии вокуниш ба ҳодисаҳои тамаъҷӯии кибериро идома медиҳад. Coveware қобилиятҳои криминалистӣ ва ислоҳиро пешниҳод хоҳад кард ...

23 апрел 2024

Мақолаҳо

Инқилоби сабз ва рақамӣ: Чӣ гуна нигоҳдории пешгӯишаванда саноати нафту газро тағир медиҳад

Нигоҳдории пешгӯишаванда бахши нафту газро бо равиши инноватсионӣ ва фаъол ба идоракунии нерӯгоҳ инқилоб мекунад.…

22 апрел 2024

Мақолаҳо

Танзимгари зиддимонополияи Бритониё ҳушдори BigTechро нисбат ба GenAI баланд мекунад

CMA Бритониё дар бораи рафтори Big Tech дар бозори зеҳни сунъӣ ҳушдор дод. Он ҷо…

18 апрел 2024

Шабакаи Коммунӣ

Casa Green: инқилоби энергетикӣ барои ояндаи устувор дар Италия

Қарори "Хонаҳои сабз", ки аз ҷониби Иттиҳоди Аврупо барои баланд бардоштани самаранокии энергияи биноҳо таҳия шудааст, раванди қонунгузории худро бо ...

18 апрел 2024

JQuery, чӣ гуна мо метавонем эффектҳои динамикиро бо JQuery амалӣ кунем

Бо JQuery шумо метавонед тавассути амал дар унсурҳои саҳифаи HTML эффектҳои динамикӣ, аниматсияҳо ва пажмурдаҳо эҷод кунед.

Элементи HTMLро пинҳон ва нишон диҳед

Усулҳои hide() Ва show()

Усули гузариш

Таъсири пажмурдашавии jQuery

Усулҳои fadeIn() e fadeOut()

метод fadeToggle()

метод fadeTo()

Эффектҳои паймоиш

Усулҳои slideUp() e slideDown()

метод slideToggle()

Таъсири аниматсия

метод animate()

метод stop()

дар іолати

Мақолаҳои охирин

Veeam дорои дастгирии ҳамаҷонибаи нармафзори ransomware, аз муҳофизат то вокуниш ва барқарорсозӣ мебошад

Инқилоби сабз ва рақамӣ: Чӣ гуна нигоҳдории пешгӯишаванда саноати нафту газро тағир медиҳад

Танзимгари зиддимонополияи Бритониё ҳушдори BigTechро нисбат ба GenAI баланд мекунад

Casa Green: инқилоби энергетикӣ барои ояндаи устувор дар Италия

Мақолаҳои охирин

барчасбҳо

Усулҳои `hide`() Ва `show`()

Усулҳои `fadeIn()` e `fadeOut()`

метод `fadeToggle()`

метод `fadeTo()`

Усулҳои `slideUp()` e `slideDown()`

метод `slideToggle()`

метод `animate()`

метод `stop()`