如何使一个网站的菜单完全像一个就在这里的stackoverflow上的ASP.Net MVC 4



我开始使用asp.net MVC 4,我不太明白我怎么能完成简单的任务,比如为我的网站制作一个简单的导航菜单,我希望它就像这里的stackoverflow,其中的图像在鼠标上改变,也链接到相应的页面。

过去使用HTML只需几分钟的工作(例如在Dreamweaver中)现在需要更多的时间和思考(至少对我来说)。

对我提到的三个要素的调查使我来到这里:

  1. 如何显示图像-即使这并不容易,我已经到处寻找看起来像理想解决方案的东西,但找不到任何!即使在stackoverflow上,一些解决方案也涉及到以"helper"的名义编写长行代码,我可以深入研究它,但有太多不同的解决方案,我不知道哪个是正确的…为什么不能只有一个标准化的解决方案呢?

  2. 如何链接图像-也是一个问题,我知道我需要在参数列表中设置控制器,但我又遇到了问题,我可能已经找到了解决方案,因为我只需要测试它,我已经读到我可以在一个控制器内部有不同的方法,这样我就不必为每个链接有一个控制器。我会试试的,欢迎更好的解决方案。

  3. 如何在鼠标上交换图像-对我来说也看起来很疯狂,我找到了一个解决方案,这里有很长的代码行:http://www.codeproject.com/Tips/329596/MVC-3-Helper-for-Hover-Images

我有点失望,只是为了把标志图像和链接它,我花了几天!我有。net c# HTML+CSS等方面的背景知识。所以我问我自己(和你们)为什么它必须如此不明确和不友好?

来吧. .我错过了什么?有没有每个人都在用的助手库之类的?

我仍然在学习MVC 4的过程中,我知道我会得到它,但我本以为完成这些简单的任务要快得多。此外,在微软的例子中,我从来没有发现一个例子,他们把一个标志或菜单图像,它总是纯文本!如此烦人和令人沮丧…

我将非常感谢任何帮助。

非常感谢!

罗伊。

从http://www.asp.net/mvc/mvc3开始,了解它的范例是什么,webform和mvc系统的区别是什么。

基本上你需要了解在mvc中母版页是如何演变的,或者在mvc中母版页的替换是什么。

这是你想要达到的目标的线索。

现在,如果你想把图像按钮,如果你悬停和颜色会改变,然后你需要做以下步骤。

  1. 先创建一个按钮,例如

Html。ActionLink("YourButtonName", "Index", null, new{@class = " hoverButton "})

  1. 现在你需要在你的css文件中创建两个类,名称为hoverButton,其中包含属性显示图像和hoverButton:hover显示图像当你悬停在链接上。像以下。

hoverButton {margin-bottom: 10 px;宽度:160 px;身高:160 px;显示:块;background:transparent url('Button.png')}

。hoverButton:{徘徊背景图片:url("hoverButton.png");}

这样当你将鼠标悬停在按钮上时,它将在mvc视图菜单项中显示不同的图像。

最新更新