在垂直方向上使用jQuery和CSS3滑動框菜單

-2

我正在嘗試更改this示例，並以垂直方向進行操作。問題是當我改變動畫的權利，而不是失敗。 25行負責該行爲我想：在垂直方向上使用jQuery和CSS3滑動框菜單

.animate({'height':'+=170px'},300,

我試圖改變高度，寬度，但它沒有任何意義。所以here是jsfiddle的例子，看看我的意思。

來源

2014-01-06 Kaha

什麼不工作..？你可以更具體一點你想達到的目標嗎？ –

Oookay，也許我明白你的需要。你是對的，首先你必須在第25行改變'高度'到'寬度'，第44行也是！

之後你需要改變一些CSS，以獲得背景。在線52：

ul.sdt_menu li span.sdt_active{ 
    position:absolute; 
    background:#111; 
    top:0px; 
    width:0px; 
    height:170px; 
    left:170px; 
    z-index:14; 
    -moz-box-shadow:0px 0px 4px #000 inset; 
    -webkit-box-shadow:0px 0px 4px #000 inset; 
    box-shadow:0px 0px 4px #000 inset; 
}

http://jsfiddle.net/cxveG/15/

來源

2014-01-06 11:11:53 Endanke

謝謝你，我改變了我的CSS，但只有一個屬性。因此，我還有另外一個問題，如何將動畫方向從左滑動到滑下子菜單（負責這是js文件中的第27-32行） – Kaha

這裏是： http://jsfiddle.net/cxveG/16/ 其實，你必須改變sdt_box類的元素，將'left'切換到'top'和'top'到'left'。 – Endanke

在垂直方向上使用jQuery和CSS3滑動框菜單

回答

相關問題