Jquery动画参数

发布于 2024-10-03 18:27:48 字数 443 浏览 3 评论 0原文

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate(...);
    });
});

div1div2 都是

中的 div。

我想点击div1,然后div2的位置将转到: top:0px; left:200px; 这是相对于

动画部分怎么写?

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate(...);
    });
});

div1 and div2 are both divs in <div id="content">.

I want to click div1, then div2's position will go to: top:0px; left:200px; which is relative to <div id="content" style="width:800px;margin:0 auto;">

How to write the animate part?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

森林散布 2024-10-10 18:27:48

您可以使用 将对象传递给 .animate() topleft 属性,如下所示:

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate({ top: 0, left: 200 });
    });
});

确保元素在此处设置了 relativeabsolute 位置,无论您在哪里继续,否则 topleft 将不起作用。

You can just pass an object to .animate() with top and left properties, like this:

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate({ top: 0, left: 200 });
    });
});

Make sure the element has a relative or absolute position set here, whichever you're going for, otherwise top and left will have no effect.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文