jQuery - සිංහලෙන් - basics - 2 - jQuery Effects

jQuery Effects - Hide and Show

අපි බලමු jQuery Effects භාවිතා කරන්නේ කොහොමද කියලා. Hide, Show, Toggle, Slide, Fade, සහ Animate වශයෙන් භාවිතා කරන්න පුළුවන්.

jQuery hide() and show()

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

 

slow animation එකත් එක්ක hide වෙන්න නම්,

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_slow

 

toggle:ඒ කියන්නේ එකම button එකේ show සහ hide

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_toggle

jQuery Fading Methods

fadein, fadeout methods කිහිපයක් තියෙනවා. 

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

fadeIn:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadein

 

fadeout:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadeout 

fadeToggle:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadetoggle 

 

jQuery Sliding Methods

 jQuery වල sliding methods තුනක් තිබේ.

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

slideDown:
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_down

slideUp: 
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_up 

slideToggle:
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle 

 

jQuery Effects - Animation

animate methods වලින් අපිට ඕන විදියට div භාවිතා කරමින් animation හදාගන්න පුළුවන්.
මේ link එකේ උදාහරණ ගොඩක් තිබේ.
http://www.w3schools.com/jquery/jquery_animate.asp 

jQuery stop() Method

stop method එකෙන් run වෙන animation නවත්වන්න පුළුවන්.

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_stop_slide

jQuery Callback Functions

callback Functions මගින් massage එකක් view කරන්න පුළුවන් ඊට කලින් Function එක 100% ඉවර උනාට පස්සේ.

 The example below has a callback parameter that is a function that will be executed after the hide effect is completed:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_callback 

 The example below has no callback parameter, and the alert box will be displayed before the hide effect is completed:

 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_no_callback

jQuery Method Chaining

මෙමෙගින් methods කිහිපයක් එකවිට සිදුකල හැක. එනම් slideup, slidedown වැනි.

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_chaining 

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_chaining2 

 

 

මේ ලිපිය ප්‍රයෝජනවත් කියලා හිතෙනවනම් මේ ලිපිය Share කරලා යාළුවන්ටත් කියන්න. Comment එකක් දාන්නත් අමතක කරන්න එපා. ජය වේවා..!!    

jQuery - සිංහලෙන් - basics - 2 - jQuery Effects