如何使用jQuery對角線打開彈出菜單？

Question

我需要制作一個鼠標懸停菜單，該菜單以對角線打開（從左上角到右下角）。

Answer 1

假設菜單的ID為“ mymenu”，請嘗試使用以下代碼進行顯示：

$('#mymenu').animate({width: '80px', height: '200px'})

和下面的代碼將其隱藏：

$('#mymenu').animate({width: '0px', height: '0px', opacity: 'hide'})

Answer 2

使用Tween可以將高度從0調整為所需的高度，將寬度從0調整為所需的寬度。

您可以在此處通過示例顯示使彈出菜單顯示的示例，以及在懸停時執行操作的示例。