02
Nov
09

Jquery Built In functions : animations


today i will introduce you with jquery animations built in functions.

Slide Up ( slideUp() )

slide up function will make a selector sliding up. you can add parameter to this function and  callback function

$(".slide").slideUp("slow")
$(".slide").slideUp("fast")
$(".slide").slideUp(3000)  // 3000 ms
$(".slide").slideUp(3000,function(){ callback();}) // using callback function

Slide Down( slideDown())

Reverse function of Slide UP

$(".slide").slideDown("slow")
$(".slide").slideDown("fast")
$(".slide").slideDown(3000)  // 3000 ms
$(".slide").slideDown(3000,function(){ callback();}) // using callback function

Toogle Slide

toogle betwen slide up and slide down

$(".slide").slideToggle(3000)

Fade out

make a seletor fading out. take same parameter as slide

$(".fade").fadeOut(3000);

Fade In

make a seletor fading In. take same parameter as slide

$(".fade").fadeIn(3000);

Download file here

About these ads

0 Responses to “Jquery Built In functions : animations”



  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Calendar

November 2009
M T W T F S S
« Oct   Dec »
 1
2345678
9101112131415
16171819202122
23242526272829
30  

Blog Stats

  • 30,259 hits

Category


Follow

Get every new post delivered to your Inbox.

%d bloggers like this: