జెక్కీ ప్రభావాలు - స్లైడ్

jQuery స్లైడ్ పద్ధతి ఉపాంగాలను పైకి లేదా క్రిందికి కదిలేస్తుంది.

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

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

ఒక మైను ఒక మైను వెల్లుగు, అందువల్ల, మేము మీకు వేగవంతమైన, సులభమైన అభ్యాస పరిణామాలను అందిస్తున్నాము.

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

ప్రకటన

jQuery slideDown()
jQuery slideDown() పద్ధతిని ప్రదర్శించండి.
jQuery slideUp()
jQuery slideUp() పద్ధతిని ప్రదర్శించండి.
jQuery slideToggle()
jQuery slideToggle() పద్ధతిని ప్రదర్శించండి.

jQuery స్లైడ్ పద్ధతులు

jQuery ద్వారా, మీరు ఎలిమెంట్లపై స్లైడ్ ప్రతిచర్యలను సృష్టించవచ్చు.

jQuery కి క్రింది స్లైడ్ పద్ధతులు ఉన్నాయి:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() పద్ధతి

jQuery slideDown() పద్ధతి ఎగురుతున్న ఎలిమెంట్లను ఎగురుతుంది.

jQuery slideUp() పద్ధతి పైకి ఎగురుతున్న ఎలిమెంట్లను ఎగురుతుంది.

ఎలిమెంట్ పైన ఎగురుతున్నప్పుడు, slideToggle() దానిని క్రిందకు ఎగురుతుంది.$().slideDown();).slideToggle(callback,

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

ఆప్షనకు callback పరామితి అనేది స్లైడ్ పూర్తి అయిన తర్వాత నిర్వహించబడే ఫంక్షన్ పేరు.

).slideDown(

ప్రకటన

$("#flip").click(function(){
  క్రింది ఉదాహరణ లో slideDown() పద్ధతిని చూపబడింది:
});

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

$("#panel").slideDown();

jQuery slideUp() పద్ధతి

jQuery slideUp() పద్ధతి పైకి ఎగురుతున్న ఎలిమెంట్లను ఎగురుతుంది.

ఎలిమెంట్ పైన ఎగురుతున్నప్పుడు, slideToggle() దానిని క్రిందకు ఎగురుతుంది.$(విధానం:);).slideToggle(callback,

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

ఆప్షనకు పరామితి పరామితి ప్రతిచర్యల కాలంను నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిల్లిసెకండ్లు. callback పరామితి అనేది స్లైడ్ పూర్తి అయిన తర్వాత నిర్వహించబడే ఫంక్షన్ పేరు.

).slideUp(

ప్రకటన

$("#flip").click(function(){
  క్రింది ఉదాహరణ లో slideUp() పద్ధతిని చూపబడింది:
});

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

$("#panel").slideUp();

jQuery slideToggle() పద్ధతి

jQuery slideToggle() పద్ధతి slideDown() మరియు slideUp() పద్ధతుల మధ్య పరివర్తనను చేస్తుంది.

ఎలిమెంట్ క్రిందకు ఎగురుతున్నప్పుడు, slideToggle() దానిని ఎగురుతుంది.

ఎలిమెంట్ పైన ఎగురుతున్నప్పుడు, slideToggle() దానిని క్రిందకు ఎగురుతుంది.$(selector);).slideToggle(callback,

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

ఆప్షనకు పరామితి పరామితి ప్రతిచర్యల కాలంను నిర్ణయిస్తుంది. ఇది క్రింది విలువలను అంగీకరిస్తుంది: "slow", "fast" లేదా మిల్లిసెకండ్లు. callback పరామితి అనేది స్లైడ్ పూర్తి అయిన తర్వాత నిర్వహించబడే ఫంక్షన్ పేరు.

క్రింది ఉదాహరణ లో slideToggle() పద్ధతిని చూపబడింది:

ప్రకటన

$("#flip").click(function(){
  $("#panel").slideToggle();
});

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

jQuery ప్రతిచర్యల పరిశీలనా పుస్తకం

జెక్క్వీ ప్రతిచర్యలను పూర్తిగా తనిఖీ చేయడానికి మా సైట్ ని సందర్శించండి jQuery ప్రతిచర్యల పరిశీలనా పుస్తకం