根据所选页面显示不同的标题
我有一个 ASP.NET 网站，主水平导航上有 5 个项目（主页、产品、新闻、关于、联系方式）。
该网站使用一个母版页，该母版页将页面分为页眉、正文和页脚，使用
“我希望能够根据选择的 5 个导航项中的哪一个”显示不同的页眉（其中将包括不同的颜色和图像）。
谁能告诉我在不增加页面下载的情况下实现这一目标的最佳方法？
我了解 asp.net、html、css、javascript 和 VB，但我不是专家。
I have an asp.net website with 5 items (home, products, news, about, contact) on the main horizontal navigation.
The site uses a master page which splits the page into a header, body and footer using
I want to be able to display a different header (which will include different colors and images) depending on which of the 5 navigation items is selected.
Can anyone tell me the best way to achieve this without bloating the page download?
I know my way around asp.net, html, css, javascript and vb but I am no expert.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我可能会创建一个他们都会使用的基本 CSS 类，然后在 app_themes 目录中创建 5 个不同的主题（如果没有，则创建一个），每个导航选项一个； 在那里，您可以使用更具体的选项覆盖基本 CSS 来更改背景图像/颜色。 如果您使用 Asp:Images（而不是带有 CSS 的背景图像），您还可以在每个主题中使用 .theme 文件更改源。 这样，您只需下载相关文件。 您必须更改 Page_Init 上的 Page.Theme。
I'd probably create a base CSS class that they'd all use, and then create 5 different themes in the app_themes directory (create one if you don't have one), one for each nav option; in there, you can override the base CSS with more specific options to change the background images / colors. If you're using Asp:Images (instead of background images with CSS), you can also change the source using a .theme file in each theme. This way, you'd only download the relevant files. You'll have to change the Page.Theme on Page_Init.
你想实现一个菜单吗？...
我能想到的一种可能的策略是为标题创建一个用户控件，然后根据模式在 HTML 中渲染设计。
这样，您仍然能够利用独特的标题，并且能够拥有灵活的设计。
Are you trying to implement a menu?...
One possible strategy that I can think of is making a usercontrol for the header and then rendering the design in HTML based on the mode.
This way you will still be able to take advantage of a distinct header and will be able to have a flexible design.
根据选择的页面在标题中创建条件语句。
Create conditional statements within the header depending on what page is selected.