jQuery ਦੇ ਨਾਲ ਪ੍ਰਭਾਵ ਅਤੇ ਐਨੀਮੇਸ਼ਨ- ਗਾਈਡ ਅਤੇ ਉਦਾਹਰਨਾਂ

ਪ੍ਰਭਾਵ ਅਤੇ ਐਨੀਮੇਸ਼ਨ ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਭੂਮਿਕਾ ਨਿਭਾਉਂਦੇ ਹਨ, ਅਤੇ jQuery HTML ਤੱਤਾਂ 'ਤੇ ਪ੍ਰਭਾਵ ਅਤੇ ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਬਣਾਉਣ ਲਈ ਵਿਧੀਆਂ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਦੀ ਇੱਕ ਸੀਮਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇੱਥੇ jQuery ਨਾਲ ਪ੍ਰਭਾਵਾਂ ਅਤੇ ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਕੁਝ ਤਰੀਕੇ ਹਨ:

 

ਫੇਡਇਨ ਅਤੇ ਫੇਡਆਉਟ ਪ੍ਰਭਾਵ

$("#myElement").fadeIn();  
$("#myElement").fadeOut();

 

SlideUp ਅਤੇ SlideDown ਪ੍ਰਭਾਵ

$(".myClass").slideUp();  
$(".myClass").slideDown();  

 

ਟੌਗਲ ਪ੍ਰਭਾਵ

$("#myElement").toggle();

 

ਐਨੀਮੇਟ ਪ੍ਰਭਾਵ(ਕਸਟਮ ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ

$("#myElement").animate({ opacity: 0.5, left: '250px', height: 'toggle' });

 

ਦੇਰੀ ਪ੍ਰਭਾਵ(ਪ੍ਰਭਾਵ ਨੂੰ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਦੇਰੀ)

$("#myElement").delay(1000).fadeIn();

 

ਚੇਨਿੰਗ ਇਫੈਕਟਸ(ਸੰਯੋਗ ਪ੍ਰਭਾਵ)

$("#myElement").slideUp().delay(500).fadeIn();

 

ਸਪ੍ਰਾਈਟ ਐਨੀਮੇਸ਼ਨ:

$("#myElement").animateSprite({ fps: 10, loop: true, animations: { walk: [0, 1, 2, 3, 4, 5] } });

 

ਇਹ HTML ਤੱਤਾਂ 'ਤੇ ਪ੍ਰਭਾਵ ਅਤੇ ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ ਲਈ jQuery ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀਆਂ ਕੁਝ ਉਦਾਹਰਣਾਂ ਹਨ। ਤੁਸੀਂ ਇਹਨਾਂ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਆਪਣੇ ਵੈਬ ਪੇਜ 'ਤੇ ਐਲੀਮੈਂਟਸ ਨੂੰ ਫੇਡਿੰਗ, ਸਲਾਈਡਿੰਗ, ਟੌਗਲਿੰਗ, ਅਤੇ ਕਸਟਮ ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਜੋੜਨ ਲਈ ਕਰ ਸਕਦੇ ਹੋ। jQuery ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ 'ਤੇ ਦ੍ਰਿਸ਼ਟੀਗਤ ਤੌਰ 'ਤੇ ਆਕਰਸ਼ਕ ਅਤੇ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਅਤੇ ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ ਦਾ ਇੱਕ ਸੁਵਿਧਾਜਨਕ ਅਤੇ ਸ਼ਕਤੀਸ਼ਾਲੀ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।