javascript - 使用 Jquery 在 Icon 中滑动

Question

这将是我提出的第一个问题，因为我通常可以在这里找到答案......但这个问题是不同的，因为我认为我没有......使用正确的术语来描述某些东西。

这是我将用作示例的网站。 http://html5up.net/big-picture

当您向下滚动到第二个背景图像，说明“我做什么”时，上下文框会从页面右侧滑出。我尽我所能使它在我的网站上正常工作，但我无法让它正常工作……一点也没有。

我想做什么:当我向下滚动时，或者(甚至更好)当我将鼠标悬停在我网站的特定区域时(最好)我希望两个图标滑入该行。我知道我可能只是不知道该怎么做...我一般不太了解 jquery 或 javascript。再次感谢，如果有人能帮我弄清楚如何让这些家伙滑入视野!!

Answer 1

你可以用 .animate 来做到这一点

$(function () {
    $("#show").on("mouseover", function () {
        $("#info").animate({
            right: "+=400"
        }, 1000, function () {
            // Animation complete.
        });
    });
    $("#show").on("mouseout", function () {
        $("#info").animate({
            right: "-350px"
        }, 1000, function () {
            // Animation complete.
        });
    });
});

演示:http://jsfiddle.net/vHPM7/