【问题标题】：jQuery animate() not come from right to leftjQuery animate() 不是从右到左
【发布时间】：2014-02-26 16:17:40
【问题描述】：

我的问题是 jquery animate - 我想制作悬停功能，显示：无 div 动画从右到左。但它是从左到右...

$('#index').hover(function(){
$(this).siblings('#indexhover').removeClass('hide').addClass('mostrar').addClass('show').animate({width: '140px',height:'121px'});

此链接是演示，

here.

请将鼠标悬停到“ana sayfa”

帮帮我，谢谢你的解决方案...

附录（TrueBlueAussie）：

为了提供帮助...这里有一个简单的 JSFiddle 让每个人都开始使用 :)

http://jsfiddle.net/TrueBlueAussie/csE3L/1/

目的是让图像从右侧而不是左侧揭开/揭开自身（不是幻灯片）。您可以随意执行此操作，但请记住预期用途。

【问题讨论】：

从左边动画很容易，因为它只是改变宽度的值。要从右侧制作动画，我相信您需要同时更改位置、大小和边距（并具有隐藏负溢出的样式）。我期待建议的解决方案，因为我自己需要这个:)
你能贴出你代码的相关部分吗？
您希望我们调试您网站的源代码吗？请在此处发布一些相关代码，最好是 jsFiddle.net 重现您的问题。
@Itay：这是一个非常简单的问题。 jQuery 动画只能从左到右（或从上到下）工作。他想要一个从右到左运行的版本。
@TrueBlueAussie 最重要的是，这是关于在线礼仪

标签： jquery jquery-animate

【解决方案1】：

我的解决方案：

<div class="hover">
    <div class="image" style="display: none;position:relative;width: 0;left:400px;">
        <img src="http://ecx.images-amazon.com/images/I/51nIbjQzQUL._SX385_.jpg" />
    </div>
Hover here</div>

Javascript

$('.hover').hover(function () {
    $('.image').show().css({width: 0}).animate({width: "400px",left:"0px"});
}, function () {
    var $image = $('.image');
    $image.animate({width: "0",left:"400px"}, function(){$image.hide()});
});

Fiddle

【讨论】：

这个想法是在不移动图像的情况下揭开/揭开它（它们不是在幻灯片效果之后）。查看他们提供的演示站点，作为预期用途的参考。