Jquery .animate() 有效,但在 Firefox 中,由于动画而向下移动的图层在动画完成后不会恢复以前的状态

发布于 2025-01-08 05:13:51 字数 472 浏览 0 评论 0原文

使用它基本上可以放大悬停时的图像 并让它在悬停时恢复到原来的大小。 这适用于所有浏览器,但在 Firefox 中 由于图像放大而被下移 不会回到原来的位置然后 存在一个很大的间隙,等于高度(380) 图像大小已调整为。使用1.6.4

$(".PartThumbnail").hover(function () {
    $(this).parent().parent().css("z-index", 1);
    $(this).animate({
        height : 380,
        width : 380,
    }, "fast");
}, function () {
    $(this).parent().parent().css("z-index", 0);
    $(this).animate({
        height : "45",
        width : "45",
    }, "fast");
});

Using this for basically enlarging an image on hover
and having it go back to its former size on hover out.
This works in all browsers, but in firefox the layers
that got moved down as a result of the image enlarging
won't go back to their original position and there then
appers a big gap which equals to the height (380) that
the image was resized to. Using 1.6.4

$(".PartThumbnail").hover(function () {
    $(this).parent().parent().css("z-index", 1);
    $(this).animate({
        height : 380,
        width : 380,
    }, "fast");
}, function () {
    $(this).parent().parent().css("z-index", 0);
    $(this).animate({
        height : "45",
        width : "45",
    }, "fast");
});

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

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

发布评论

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

评论(1

断肠人 2025-01-15 05:13:51

在您的代码中,更改:

height: "380px",
width: "380px",

请注意,您在 CSS 值和像素名称周围省略了“”。

对以下内容执行相同操作:

height: "45px",
width: "45px",

看看是否有效。

另外,请使用 jsfiddle 发布您的 HTML/CSS/JavaScript,以便我们更好地帮助您。
希望有帮助。

In your code, change:

height: "380px",
width: "380px",

Notice you omitted " " around CSS value and pixel designation.

Do the same for:

height: "45px",
width: "45px",

See if that works.

Also, post your HTML/CSS/JavaScript with jsfiddle so we can better help you.
Hope that helps.

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