Question

我想知道是否有办法使用jquery来显示/隐藏部分方式。

我们的团队制作了these pages，其中有背景图片，然后是div中的文字。我希望div能够向侧面滑动，以便观看者可以看到整个图像。最重要的是我仍然希望文本能够回来，所以他们仍然可以阅读..这是做到的。我让div一直隐藏，但不是部分（如10px）

$("#welcome").click(function () {
      $(this).hide("slide", { direction: "right" }, 1000);
});

http://jsfiddle.net/BeccaAlley/qBnLk/

Answer 1

根据您的网站，我认为最简单的解决方案是将overflow:hidden添加到图片容器（#welcomepicture），然后为文本div的左边距设置动画（#welcome）

$("#welcome").toggle("click", 
    function() {
        var left = $(this).outerWidth() - 10 + "px";

        $(this).animate({ "margin-left": "+=" + left }, 500);
    },
    function() {
        var left = $(this).outerWidth() - 10 + "px";

        $(this).animate({ "margin-left": "-=" + left }, 500);
    }
);

我能够测试这种技术确实适用于您的网站（使用Chrome开发人员工具），但是，上述脚本可能需要进行一些调整，因为它只是一个示例起点。

我希望这有帮助！

有没有办法显示/隐藏中途

1 个答案: