当前位置：文江博客话题详情

jQuery hide()，轻松坐标

发布于 2024-11-28 08:18:44 字数 112 浏览 1 评论 0原文

任何人都曾发现过一个 jQuery hide() 缓动函数，可以转到某些 X & 函数。 Y 坐标？让它看起来像是被扔掉的？因为默认的 hide("slow") 会转到左上角（我相信），而不是某个位置。

原文

分享到QQ

分享到微博

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

发布评论

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

涫野音 2024-12-05 08:18:44

将两个动画组合在一起 - 隐藏，将高度和宽度更改为 0，并将 marginLeft 和 marginRight 更改为所需值，或者制作全新的动画，例如。

示例一：

HTML:

<img id='book' src="http://media.thelogomix.com/preset_9/stack.jpg" />

Javascript:

$('#book').toggle(function(){
    $(this).animate({
        height: '100',
        marginLeft: '+=300',
        marginTop: '+=300',
    }, 500, function() {
    });
}, function(){
    $(this).animate({
        height: '400',
        marginLeft: '-=300',
        marginTop: '-=300',
    }, 500, function() {
    });
});

CSS:

#book {
    position: absolute;
}

另一个例子

Combine two animations together - hide, which changes height and width to 0, and animate change of marginLeft and marginRight to desired value, or maybe make whole new animation, like.

Example one:

HTML:

<img id='book' src="http://media.thelogomix.com/preset_9/stack.jpg" />

Javascript:

$('#book').toggle(function(){
    $(this).animate({
        height: '100',
        marginLeft: '+=300',
        marginTop: '+=300',
    }, 500, function() {
    });
}, function(){
    $(this).animate({
        height: '400',
        marginLeft: '-=300',
        marginTop: '-=300',
    }, 500, function() {
    });
});

CSS: