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

时间:2011-12-05 00:14:35

标签: jquery html css ajax

我正在尝试打开自己的resturaunt,我已经开始在我的菜单上工作,这将在线发布。

我有一张resturaunt菜单的图像(看起来与您期望的完全一样)及其在我的网页上。我想在此图像上放置文本,以便菜单图像在后台。

我在页面底部设置了两个箭头图像,单击该图像会将用户带到菜单的下一页或上一页。现在我知道我将使用ajax执行此部分,并且我将使用jquery函数,例如淡入/淡出以用于下一页但我不知道如何重新加载文本(或甚至显示文本)我的菜单图片。

如果有人有任何建议或想法,我们将不胜感激!

1 个答案:

答案 0 :(得分:0)

您可以将图片设置为页面的背景,然后只显示上面的文字。这比改变实际图像更容易......

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

您可以查看jQuery UI Tabs,为您提供如何操作的起点。但这可能不是你想要的。使用普通jQuery显示和隐藏您想要的内容也可以正常工作。

但是,你必须学习jQuery(以及一些JavaScript)才能做到这一点。