从不同的div中滑动内容,隐藏一个,显示另一个

时间:2013-12-10 18:44:22

标签: javascript ajax jquery jquery-animate

我有一个loadContent的菜单,用于加载div #main 中的页面,因此我只能更改内容,菜单始终保留。

<ul>  
<li class="page1"  onclick="loadContent('page1.php');">page1</li>  
<li class="page2"  onclick="loadContent('page2.php');">page2</li>  
<li class="page3" onclick="loadContent('page3.php');">page3</li> 
</ul>

当我单击菜单上的其中一个页面时,如何平滑此内容,可能是从右到左或从上到下,所以我可以隐藏“旧”页面并显示(推出)“新”页。

1 个答案:

答案 0 :(得分:0)

看看这个,这里有一些很酷的效果http://jqueryui.com/effect/