1

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

我们的团队制作了这些页面 ，这些页面有一个背景图像，然后是一个 div 中的文本。我希望 div 部分滑动到侧面，以便查看者可以看到整个图像。主要的是我仍然希望文本能够回来，这样他们仍然可以阅读.. 是这样吗？我让 div 一直隐藏，但不是部分隐藏（比如 10px）

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

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

4

1 回答 1

0

根据您的网站，我相信最简单的解决方案是添加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 开发人员工具），但是，上述脚本可能需要一些调整，因为它只是一个示例起点。

我希望这有帮助！

于 2012-11-28T17:56:12.027 回答