CSS，jQuery的斜率/傾斜菜單

Question

我試着去弄清楚我如何能達到這樣的效果： 它擴展到左側http://i43.tinypic.com/11j9h00.jpg

坡菜單。

這可能嗎？

Answer 1

如果這應該像一個常規下拉菜單，只有菜單項不在線上，那麼是的，這是可能的。你可以使用正常的菜單，並使用jQuery來移動位置或填充。

Answer 2

這將是一個解決方案：

$('ul.menu li').each(function() { 
    var marginLeft = 0; // start margin left position in pixels 
    var stapLeft = 50; // pixels 

    // looping through every li item underneave a ul in the list 
    $(this).find('ul li').each(function() { 
     // set the margin for the element 
     $(this).css(marginLeft, marginLeft); 
     // set for the next item the margin 
     marginLeft += stapLeft; 
    }); 
}); 

但有defently一個更好的方式來做到這一點:)它只是把你指向的方向