php - 我应该准备什么数据结构和格式以在鼠标悬停时显示数据

Question

我正在处理这个测试页面:http://www.problemio.com/index_new.php您会看到列出的类别。它们具有关联的子类别。

所以我想要发生的是，如果一个人将鼠标悬停在“健康”上，我想向他们展示一个如下列表:

- Personal Health
- Healthcare
- Diet
- Exercise

每个类别都有一个不同的子列表。

所以我的问题是 - 因为 mouseOver 看起来像这样: onmouseover="SomeJavaScriptCode"

我可能需要调用 JavaScript 函数，对吗？如果是这样，如何使用 PHP 查询中的数据填充 JS？由于数据是动态的，我应该在 PHP 中创建 JS 吗？这里什么方法最好？

谢谢!!

Answer 1

看起来像嵌套的 <ul>就可以了。我认为从 PHP 输出整个列表是有意义的，但通过 HTML 中的 CSS 隐藏子菜单。您可以使用单击处理程序或 mouseover/mouseout 组合，但 javascript 事件处理程序只会显示/隐藏子菜单。也就是说，jQuery 有一组很好的过渡效果可供您使用。