jQuery 如何切换动画？

发布于 2024-09-27 21:17:59 字数 327 浏览 1 评论 0原文

您好，我正在努力将 DIV 滑到左侧（离开页面）。 ...

我有以下有效的方法：

$('.mybigbox').live('click', function() {
 leftDistance = $(this).attr('name'); // set px so I know how far
 $lefty.animate({left:leftDistance}) // Makes the slide
});

我想要发生的事情是，第一次单击时它会使用上面的动画，但在下一次单击时它会返回默认值。（有点像开关，开关按钮。

想法？谢谢

原文

Hello I'm working to slide a DIV to the left (off the page). ...

I have the following which works:

$('.mybigbox').live('click', function() {
 leftDistance = $(this).attr('name'); // set px so I know how far
 $lefty.animate({left:leftDistance}) // Makes the slide
});

What what I want to happen, is on the first click it animates with the above, but on the next click it returns to default. (kind of like a toggle, on off button.

Ideas? thank you

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

油焖大侠 2024-10-04 21:17:59

在此处查看演示

如果我理解正确，请尝试以下操作：

$('.mybigbox').live('click', function() {
   $lefty.animate({width:'toggle');
});

See Demo Here

If I understand you correctly, try this:

$('.mybigbox').live('click', function() {
   $lefty.animate({width:'toggle');
});

回复收藏 0 原文

南风几经秋 2024-10-04 21:17:59

像这样的东西

var defaultLeftPosition = null;

$("#yourdiv").toggle(function(){
    if (defaultPosition != null)
        defaultLeftPosition = $(this).offset().left;
    // do your code for animating to the new position
},
function(){
    // get default position from variable defaultLeftPosition and set left 
    // to that inside animate
});

Something like

var defaultLeftPosition = null;

$("#yourdiv").toggle(function(){
    if (defaultPosition != null)
        defaultLeftPosition = $(this).offset().left;
    // do your code for animating to the new position
},
function(){
    // get default position from variable defaultLeftPosition and set left 
    // to that inside animate
});

回复收藏 0 原文

~没有更多了~