2

我在看一个教程时做了这个,但我看不到任何选项可以让它从右侧到左侧工作。我不希望它贴在身体的右侧。

链接到小提琴

4

2 回答 2

4

来自jQuery 文档

.slideToggle()方法对匹配元素的高度进行动画处理。这会导致页面的下部向上或向下滑动,似乎显示或隐藏项目。如果元素最初被显示,它将被隐藏;如果隐藏,它将显示。

所以看起来从一边到另一边做这件事不是一种选择(使用那种方法),如果你正在看一个教程,你最容易的赌注就是将 jQuery UI 添加到你的项目中并使用它的动画方法。这将使它变得简单:

$(this).hide('slide',{direction:'left'},1000); //or show

但是,您可能想在没有 jQuery UI (yaiii) 的情况下学习它,毕竟这并不难。您需要分解 jQuery UI(我假设)正在做什么,例如:

$(this).animate({ marginLeft: "100%"} , 1000);

在这两个例子中,你当然需要this用你的选择器替换你想要动画的元素,但是既然你正在学习,我想我会指出它。

于 2012-11-29T15:55:49.153 回答
0

你也可以考虑插件:

http://www.webinventif.fr/wslide-plugin/

该页面是法语的,但插件是不言自明的。

希望这可以帮助

于 2012-11-29T16:50:49.023 回答