بیشتر

JQuery، څنګه کولی شو د JQuery سره متحرک اغیزې پلي کړو

د JQuery سره تاسو کولی شئ د HTML پاڼې په عناصرو عمل کولو سره متحرک اغیزې، متحرکات او فیډونه جوړ کړئ.

پدې مقاله کې به موږ وګورو چې څنګه د متحرکاتو تولید لپاره مختلف JQuery میتودونه وکاروو.

نيوليک

د HTML عنصر پټ کړئ او ښکاره کړئ

میتودونه `hide`() او `show`()

د پټولو () میتود په ساده ډول سټایل انلاین ټاکي 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>

Metodo `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>

Metodo `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>

Metodo `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>

د حرکت اغیزې

Metodo `animate()`

د jQuery طریقه animate() دا د دودیز متحرکاتو جوړولو لپاره کارول کیږي. طریقه animate() د عددي CSS ملکیتونو متحرک کولو لپاره کارول کیږي ، لکه width, height, margin, padding, opacity, top, left etc مګر غیر عددي ملکیتونه لکه color o background-color دوی نشي کولی د بنسټیز jQuery فعالیت په کارولو سره متحرک شي.

د میتود اساسی ترکیب animate() دا لاندې دي:

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

د میتود پیرامیټونه animate() لاندې معنی لري:

د اړتیا وړ ملکیت پیرامیټر defiد سی ایس ایس ملکیتونه د متحرک کولو لپاره نیش کوي.
د اختیاري مودې پیرامیټر مشخص کوي چې حرکت به څومره وخت پرمخ وړي. موده د یو مخکیني تار په کارولو سره مشخص کیدی شي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>

Metodo `stop()`

د jQuery طریقه stop() د بشپړیدو دمخه په ټاکل شوي عناصرو باندې د اوسني jQuery متحرکاتو یا اغیزو د چلولو مخه نیولو لپاره کارول کیږي.

د میتود اساسی ترکیب stop() jQuery د دې سره ورکول کیدی شي:

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

په پورته نحو کې پیرامیټرونه لاندې معنی لري:

Il اختیاري پیرامیټر بولین سټاپ آل، مشخص کوي چې ایا د قطار شوي حرکت لرې کول یا نه. مخکې ارزښت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 gli 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>

callback

د جاواسکریپټ بیانونه د کرښې په واسطه اجرا کیږي. په هرصورت، ځکه چې د 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

توري: jquery

د جنوري 28، 2023 د ماښام 10:58 بجې

بل Laravel: Laravel نظریات څه دي »

پریسیټینټ د Verimatrix خوندي تحویلي پلیټ فارم خپل لومړی کال د هر ویډیو لیدونکو ته د ملیاردونو جوازونو سره وتړي

وروستي مقالې

بیشتر

خپرونکي او OpenAI تړونونه لاسلیک کوي ترڅو د مصنوعي استخباراتو لخوا پروسس شوي معلوماتو جریان تنظیم کړي

تیره دوشنبه، فایننشل ټایمز د OpenAI سره یوه معامله اعلان کړه. FT د نړۍ په کچه ژورنالیزم جواز ورکوي ...

30 اپریل 2024

بیشتر

آنلاین تادیات: دلته د سټیمینګ خدمات تاسو ته د تل لپاره تادیه کوي

ملیونونه خلک د سټیمینګ خدماتو لپاره تادیه کوي ، د میاشتنۍ ګډون فیس ورکوي. دا عام نظر دی چې تاسو…

29 اپریل 2024

کامیکونتي ستزا

Veeam د ransomware لپاره خورا پراخه ملاتړ وړاندې کوي ، له محافظت څخه تر غبرګون او رغیدو پورې

د Veeam لخوا Coveware به د سایبر غصب پیښو غبرګون خدماتو چمتو کولو ته دوام ورکړي. Coveware به د عدلي او درملنې وړتیاوې وړاندې کړي ...

23 اپریل 2024

بیشتر

شنه او ډیجیټل انقلاب: د وړاندوینې وړ ساتنه څنګه د تیلو او ګاز صنعت بدلوي

د وړاندوینې ساتنه د تیلو او ګاز سکتور کې انقلاب رامینځته کوي ، د نبات مدیریت لپاره د نوښت او فعال چلند سره.

22 اپریل 2024

JQuery، څنګه کولی شو د JQuery سره متحرک اغیزې پلي کړو

د JQuery سره تاسو کولی شئ د HTML پاڼې په عناصرو عمل کولو سره متحرک اغیزې، متحرکات او فیډونه جوړ کړئ.

د HTML عنصر پټ کړئ او ښکاره کړئ

میتودونه hide() او show()

د بدلولو طریقه

jQuery فیډ اغیزې

میتودونه fadeIn() e fadeOut()

Metodo fadeToggle()

Metodo fadeTo()

سکرول اغیزې

میتودونه slideUp() e slideDown()

Metodo slideToggle()

د حرکت اغیزې

Metodo animate()

Metodo stop()

callback

وروستي مقالې

خپرونکي او OpenAI تړونونه لاسلیک کوي ترڅو د مصنوعي استخباراتو لخوا پروسس شوي معلوماتو جریان تنظیم کړي

آنلاین تادیات: دلته د سټیمینګ خدمات تاسو ته د تل لپاره تادیه کوي

Veeam د ransomware لپاره خورا پراخه ملاتړ وړاندې کوي ، له محافظت څخه تر غبرګون او رغیدو پورې

شنه او ډیجیټل انقلاب: د وړاندوینې وړ ساتنه څنګه د تیلو او ګاز صنعت بدلوي

وروستي مقالې

Tag

میتودونه `hide`() او `show`()

میتودونه `fadeIn()` e `fadeOut()`

Metodo `fadeToggle()`

Metodo `fadeTo()`

میتودونه `slideUp()` e `slideDown()`

Metodo `slideToggle()`

Metodo `animate()`

Metodo `stop()`