jQuery animate()不是从右到左

时间:2014-02-26 16:17:40

标签: jquery jquery-animate

我的问题是jquery animate - 我想制作悬停功能,display:none div animate来自右到左。但它是从左到右......

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

此链接是演示,

here

请转到'ana sayfa'

帮助我,谢谢你的解决方案......


附录(作者:TrueBlueAussie):

要有所帮助......这是一个简单的JSFiddle来启动eveyone:)

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

目的是让图像从右侧而不是左侧展开/揭开(不是滑动)。您可以随意以任何方式执行此操作,但请记住预期用途。

1 个答案:

答案 0 :(得分:0)

我的解决方案:

<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