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 に答える