How to slide a div using Jquery or mootools or similar

I have  a div with id "divbrown" with css:

#divbrown{
     position:absolute;
     top: 0px;
     left: 0px;
}

I also have an image button. On clicking this image button I would like the divbrown to slide/glide across my page from the coordinates mentioned above to top:0px and left 500px. I would like this slide animation to decelerate/ease out (slow down) as the div approaches the end coordinates.

Can I achieve this using Jquery or Mootools or similar? How? Please help.
Thanks in advance
badwolfffAsked:
Who is Participating?
 
lisfolksConnect With a Mentor Commented:
Maybe something like this would help:

http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques

Here's a page describing the animation API for JQuery:
http://api.jquery.com/animate/

Try Google'ing with the following:
jquery css animations
0
 
badwolfffAuthor Commented:
thanks so much
i will try it immediately and get back to you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.