从左到右滑动div内容

时间:2012-10-18 10:58:24

标签: javascript jquery html jquery-plugins

我是jquery的初学者,我总是想知道开发人员是如何做到这一点的。有人可以给我一个简单的例子吗?

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

我需要的是有一个菜单栏,当你点击它的链接时,链接的内容应该从左侧到达屏幕的中心,当你点击另一个链接时,可见内容应该向右,最近点击链接的内容来了我提到的屏幕。

任何人都可以帮助我......?对我来说这将是一个很大的缓解。

谢谢。

我找到了解决方案。这就是我正在寻找的效果。但我需要一个菜单​​栏。当有人点击链接时,它的内容应该是这样的。

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

2 个答案:

答案 0 :(得分:1)

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

    "left": '+=500' 

}, 250);

这将在250毫秒的时间范围内将div向右移动500像素。

答案 1 :(得分:0)

http://jquery.com/ - 框架建议让这些移动。

http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery - 一个很好的消费教程,介绍jquery如何工作以及如何掌握选择器和什么不是。

与@senthilbp一样,试着给http://api.jquery.com/animate/函数一个通读。

阅读这些内容,如果您在理解它们时遇到任何问题,请先解决问题,如果没有回答问题,请回过头再次询问,并举例说明您遇到问题。