CODEWITHSUNDEEP
javascriptjqueryhtmljquery-plugins
Kakashi Hatake
Kakashi Hatake

Reputation: 3026

Slide div content from left to right

I'm beginner in to jquery and i wonder always how do developers do like this. Can someone give me a simple example..?

http://static.livedemo00.template-help.com/wt_37928/#!/home

What i need is there is a menubar and when you click a link from it that link's content should come to center of the screen by left and when you click another link that visible content should go to right and recently clicked link's content come to the screen as i mentioned.

Can anyone help me out...? It will be a great relieve to me.

Thank you.

I found a solution. This is the effect i'm looking. but i need this with a menubar. when someone click a link it's content should come like this.

http://jsfiddle.net/jtbowden/ykbgT/1/

Upvotes: 0

Views: 2775

Answers (2)

lededje
lededje

Reputation: 1869

http://jquery.com/ - The framework suggested to get these to move.

http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery - A nice to consume tutorial on how jquery works and how to get to grips with selectors and what not.

Like @senthilbp said try giving the http://api.jquery.com/animate/ function a read through.

Read these through and if you have any trouble understanding them, first google the issue, and if that doesnt render an answer, come back and ask again, with a specific example you are having trouble with.

Upvotes: 0

verenion
verenion

Reputation: 383

$('#moving').stop().animate({

    "left": '+=500' 

}, 250);

This will move the div to the right by 500 px in a time frame of 250ms.

Upvotes: 1

Related Questions