CSS，jQuery Slope / slant菜单

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;
    });
});

但肯定有更好的方法来做到这一点:)它只是指向你的方向