jQuery ప్రభావం - పరిశీలన మరియు పరిశీలన

jQuery ద్వారా, మీరు అంశాల పరిశీలన మరియు పరిశీలన ప్రభావాలను అమలు చేయవచ్చు.

ప్రభావం ప్రదర్శన

ఇక్కడ క్లిక్ చేయండి, ప్యానెల్ను మరియు ప్రదర్శించు/మరచిపోవడం

ఒక నిమిషం ఒక నిమిషం విలువైనది, కాబట్టి, మేము మీకు త్వరితంగా మరియు సులభంగా తెలుసుకోవడానికి సిద్ధంగా ఉంటాము.

ఇక్కడ, మీరు అవసరమైన ఏ విషయాన్నికైనా తెలుసుకోవడానికి ఒక సులభమైన సౌకర్యం ద్వారా పొందవచ్చు.

ఉదాహరణ

jQuery fadeIn()
jQuery fadeIn() పద్ధతి ప్రదర్శించడం
jQuery fadeOut()
jQuery fadeOut() పద్ధతి ప్రదర్శించడం
jQuery fadeToggle()
jQuery fadeToggle() పద్ధతి ప్రదర్శించడం
jQuery fadeTo()
jQuery fadeTo() పద్ధతి ప్రదర్శించడం

jQuery Fading పద్ధతి

jQuery ద్వారా, మీరు అంశాల పరిశీలన మరియు పరిశీలన ప్రభావాలను అమలు చేయవచ్చు.

jQuery కి మొత్తం నాలుగు fade పద్ధతులు ఉన్నాయి:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

jQuery fadeIn() మాదిరిగా పద్ధతి

jQuery fadeIn() మాదిరిగా మరియు కనిపించే అంశాన్ని పరిశీలించు.

విధానం:

$(selector.fadeIn(),,callback);

ఎంపికార్థ , పరామితి ప్రదర్శన కాలాన్ని నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిలీసెకండ్లు.

ఎంపికార్థ callback పరామితి అనేది ప్రదర్శన పూర్తి అయిన తర్వాత అనుసరించే ఫంక్షన్ పేరు.

వివిధ పారామితులతో ఉన్న fadeIn() పద్ధతి ఈ ఉదాహరణలో ప్రదర్శించబడింది:

ఉదాహరణ

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

స్వయంగా ప్రయత్నించండి

jQuery fadeOut() మాదిరిగా పద్ధతి

jQuery fadeOut() మాదిరిగా కనిపించే అంశాన్ని పరిశీలించు.

విధానం:

$(selector.fadeOut(),,callback);

ఎంపికార్థ , పరామితి ప్రదర్శన కాలాన్ని నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిలీసెకండ్లు.

ఎంపికార్థ callback పరామితి అనేది ప్రదర్శన పూర్తి అయిన తర్వాత అనుసరించే ఫంక్షన్ పేరు.

దిగువ ఉదాహరణలు fadeOut() పద్ధతిని వివిధ పరామితులతో ప్రదర్శిస్తాయి:

ఉదాహరణ

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

స్వయంగా ప్రయత్నించండి

jQuery fadeToggle() పద్ధతి

jQuery fadeToggle() పద్ధతి �fadeIn() మరియు fadeOut() పద్ధతుల మధ్య పరివర్తన చేయవచ్చు.

కాసే ఎలిమెంట్ ప్రదర్శనలో లేకపోయినట్లయితే fadeToggle() కాసే ఎలిమెంట్ ప్రదర్శనను చేయుతుంది.

కాసే ఎలిమెంట్ ప్రదర్శనలో ఉన్నట్లయితే fadeToggle() కాసే ఎలిమెంట్ ప్రదర్శనను తొలగిస్తుంది.

విధానం:

$(selector).fadeToggle(,,callback);

ఎంపికార్థ , పరామితి ప్రదర్శన కాలాన్ని నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిలీసెకండ్లు.

ఎంపికార్థ callback పరామితి అనేది ప్రదర్శన పూర్తి అయిన తర్వాత అనుసరించే ఫంక్షన్ పేరు.

దిగువ ఉదాహరణలు fadeToggle() పద్ధతిని వివిధ పరామితులతో ప్రదర్శిస్తాయి:

ఉదాహరణ

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

స్వయంగా ప్రయత్నించండి

jQuery fadeTo() పద్ధతి

jQuery fadeTo() పద్ధతి jQuery ప్రదర్శనను దించిన అనుప్రయోగతను గుర్తించే పద్ధతి.

విధానం:

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

అవసరమైన speed పరామితి ప్రభావం కాలంను నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిలీసెకండ్లు.

fadeTo() పద్ధతిలో అవసరమైన opacity పరామితి ప్రదర్శనను దించిన అనుప్రయోగతతను నిర్ణయిస్తుంది (విలువలు 0 మరియు 1 మధ్య ఉంటాయి).

ఎంపికార్థ కాల్బ్యాక్ పరామితి అనేది ఫంక్షన్ పూర్తి అయిన తర్వాత అనుసరించే ఫంక్షన్ పేరు.

దిగువ ఉదాహరణలు fadeTo() పద్ధతిని వివిధ పరామితులతో ప్రదర్శిస్తాయి:

ఉదాహరణ

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

స్వయంగా ప్రయత్నించండి

jQuery ప్రభావాలు పరిశీలనా మాన్యాలు

పూర్తిగా jQuery ప్రభావాలను తనిఖీ చేయడానికి మా jQuery ప్రభావాలు పరిశీలనా మాన్యాలు。