将文本放在图像上，然后使用 ajax/jquery 更改图像上的文本

Question

我正在尝试开设自己的餐厅，并且我已经开始制作将在线发布的菜单。

我在我的网页上有一张餐厅菜单的图片（看起来完全符合您的预期）。我想在这张图片上放置文字，以便菜单图片在背景中。

我在页面底部设置了两个箭头图像，单击它们会将用户带到菜单的下一页或上一页。现在我知道我将使用 ajax 来完成这部分，并且我将使用 jquery 函数，例如在下一页淡入/淡出，但我不知道如何重新加载文本（甚至显示文本）到我的菜单图片。

如果有人有任何建议或想法，将不胜感激！

Answer 1

您可以将图像设置为页面的背景，然后简单地显示其上方的文本。这比更改实际图像要容易得多……

您甚至可能不需要 ajax，因为您的菜单可能不会经常更改（即使您每天更新它，如果没有 ajax 应该会更好）。只需使用 jQuery 显示您想要的页面内容并隐藏其他页面的内容。

您可以查看jQuery UI Tabs 以了解如何操作。但这可能不完全是您正在寻找的。使用纯 jQuery 显示和隐藏您想要的内容也可以。

不过，您必须学习 jQuery（以及一些 JavaScript）才能做到这一点。