close

Tasiri da raye-raye tare da jQuery- Jagora da Misalai

Tasiri da raye-raye suna taka muhimmiyar rawa a ci gaban yanar gizo, kuma jQuery yana ba da hanyoyi da ayyuka da yawa don ƙirƙirar tasiri da raye-raye a kan abubuwan HTML. Anan akwai wasu hanyoyi don cimma tasiri da rayarwa tare da jQuery:

 

FadeIn da FadeOut Effects 

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

 

SlideUp da SlideDown Tasirin 

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

 

Juya Tasiri 

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

 

Effect Animate(Ƙirƙirar rayarwa na al'ada 

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

 

Tasirin Jinkirta(Jinkirta aiwatar da sakamako) 

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

 

Tasirin Sarkar(Hada tasirin) 

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

 

Sprite Animation: 

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

 

Waɗannan ƴan misalan ne kawai na amfani da jQuery don ƙirƙirar tasiri da rayarwa akan abubuwan HTML. Kuna iya amfani da waɗannan hanyoyin don ƙara faɗuwa, zamewa, juyawa, da raye-rayen al'ada zuwa abubuwa a shafin yanar gizonku. jQuery yana ba da hanya mai dacewa kuma mai ƙarfi don ƙirƙirar abubuwan ban sha'awa na gani da tasiri da rayarwa akan gidan yanar gizon ku.