使用 Javascript 的选项卡菜单答案

【问题标题】：Tabs Menu Using Javascript使用 Javascript 的选项卡菜单
【发布时间】：2011-01-21 12:15:03
【问题描述】：

我有一个带有两个标签的页面。这些选项卡不包含文本，而是包含图像。现在的问题是，当一个选项卡处于活动状态时，它包含不同的图像，而当它处于非活动状态时，它包含不同的图像。所以总共有 4 张图片（每个标签有 1 个活动状态和 1 个非活动状态）。

谁能指导我使用带有 HTML 控件（不是服务器控件）、Javascript 和 css 的 Asp.net 的所需代码。

提前致谢

【问题讨论】：

【解决方案1】：

如果您不打算为此使用 jQuery（或类似的），那么您可能可以编写自己的 JavaScript 代码。当触发 onclick 或 onfocus 事件以在选项卡之间切换时（无论您如何管理它），只需调用一个函数来更改活动/非活动选项卡上图像的 src。

【讨论】：

【解决方案2】：

You can either use JavaScript to hide the images or use a CSS sprite so when the tabs are active the css changes and shows the different images

【讨论】：