[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 483
  • Last Modified:

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
0
badwolfff
Asked:
badwolfff
1 Solution
 
lisfolksCommented:
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

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now