有沒有辦法顯示/隱藏中途

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開發者工具）的工作，但是，上面的腳本可能需要一些調整，因爲它只是起點的例子。

我希望這有助於！