jQuery从右向左滑动

Posted

技术标签:

【中文标题】jQuery从右向左滑动【英文标题】:Jquery slide from right to left 【发布时间】:2011-03-12 17:36:20 【问题描述】:

我有以下代码:

$("#headerimg" + currentContainer).slideUp(function() 
  setTimeout(function() 
    $("#headertxt").slideUp(100).css("display" : "block");
    animating = false;
  , 500);
);

现在图片从下到上动画。但我想要这张图片,从右向左滑动。我必须更改代码中的哪些内容?

【问题讨论】:

您可以使用'animate' 为图像的右/左边缘设置动画 欢迎来到SO,当你在这里时,请访问***.com/faq 你能在这个代码中展示一个例子吗? 【参考方案1】:

Here 是一个很棒的幻灯片教程 不同方向的元素。

来自jQuery - slide right to left?

【讨论】:

【参考方案2】:

在 jQuery 中没有像“slideLeft”这样的内置方法。所以你要么必须写一个像

这样的小插件
$.fn.slideLeft = function(speed)
     return this.each(function()
        var $this = $(this);
        $this.animate('width': '0px', jQuery.fx.speeds[speed] || 200);
     );
;

或者你必须在那里寻找already existing plugin。

【讨论】:

以上是关于jQuery从右向左滑动的主要内容,如果未能解决你的问题,请参考以下文章

使用 animate() 从右向左滑动 div

Android 中的两部分过渡动画:将一个 textview 向左滑出,并从右侧引入另一个

如何使div从右向左滑动

未调用时滑动手势从右向左移动

在Xamarin android中从右向左滑动抽屉

从右向左滑动时未调用 UISplitViewControllerDelegate/UIPopoverDelegate 方法