如何使用 jQuery 以对角线方式打开弹出菜单？

Posted 2023-05-07

【中文标题】如何使用 jQuery 以对角线方式打开弹出菜单？

【英文标题】：How do I make a popup menu open in a diagonally using jQuery?

【发布时间】：2010-09-17 13:43:32

【问题描述】：

我需要制作一个对角线打开的鼠标悬停菜单（从左上角到右下角）。

【参考方案1】：

假设您的菜单的 id 为“mymenu”，请尝试以下代码来显示它：

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

以及隐藏它的代码：

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

【参考方案2】：

使用 Tween 将高度从 0 补间到您想要的任何高度，并将宽度从 0 补间到您想要的任何宽度。

您可以从此处的代码中获取显示弹出菜单的示例，以及在悬停时执行操作的示例。