jQuery - 填充 热门动画问题?

标签 jquery css jquery-animate

因此,我正在为客户构建一个站点,并且我试图在超链接悬停时将其向下推。 paddingLeft 使用此方法,它会在我使用它时移动链接,但是当我将值更改为“paddingTop”或“marginTop”时,我没有得到响应。我在这里缺少什么?

http://jsfiddle.net/Raylin/XLrBH/

对于那些只能说出问题所在的人,这是我的 jQ 代码:

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

前几天我刚刚学习了 HTML/CSS/jQuery,所以我确信它很简单。提前致谢。

最佳答案

$(document).ready(function(){
$(".circle").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

将外部元素作为动画的'the'元素。

-- 看这个动画的时候,我觉得你应该看看“+=40px”。它真的能满足您的需求吗?

关于jQuery - 填充 热门动画问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14185035/

相关文章:

javascript - jQuery Post 循环,导致浏览器崩溃

jquery - 通过 JQuery 根据可见性切换多个 div 类

鼠标悬停时 jQuery CSS 发生变化

css - 信不信由你,Internet Explorer 的一个 css 问题

来自元素底部的 Javascript 垂直线

jquery - 我如何摆脱这个 'jumpy' jQuery 行为?

javascript - 使 jQuery 代码更少依赖于 HTML 结构

javascript - LI 被点击并显示另一个 LI 但不显示页面上的其余部分

javascript - CSS 背景颜色未按预期运行

javascript - 向下滚动开始的数字动画