如何使ASP.NET MVC 4上的stackoverflow上的网站菜单与此处的菜单完全相同?

时间:2013-04-24 05:24:40

标签: image razor asp.net-mvc-4 menu hyperlink

我开始使用asp.net MVC 4而且我不太明白我怎么能完成简单的任务,例如为我的网站制作一个简单的导航菜单,我希望它就像这里的stackoverflow图像一样将鼠标移开并链接到相应的页面。

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

调查我提到的3个元素让我在这里:

  1. 如何展示图像 - 即使这并不容易,我到处寻找看起来像是理想解决方案但却找不到的东西!甚至在stackoverflow上,一些解决方案涉及以“Helpers”的名义编写长行代码,我可以深入研究它,但有很多不同的解决方案,我不知道哪一个是正确的...为什么可以只有一个标准化的解决方案吗?

  2. 如何链接图像 - 这也是一个问题,我明白我需要在参数列表中设置控制器但我再次遇到并发出我可能已经找到解决方案我只需要测试它,我已经读过,我可以在一个控制器内部使用不同的方法,这样我就不必为每个链接都有一个控制器。我会尝试,欢迎更好的解决方案。

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

  4. 我有点失望,只是为了贴上徽标图片并链接它我花了好几天!我确实有.net c#HTML + CSS等的背景'所以我问自己(和你们)为什么它必须如此不清楚而且不友好?

    来吧..我错过了什么?是否有任何人正在使用的助手库或类似的东西?

    我仍然在学习MVC 4,我知道我会得到它,但我希望能够更快地完成这些简单的任务。 此外,在微软的例子中,我从未找到过放置徽标或菜单图像的示例,它始终是纯文本!这太烦人了,令人沮丧......

    我非常感谢任何帮助..

    非常感谢!

    罗伊。

1 个答案:

答案 0 :(得分:0)

http://www.asp.net/mvc/mvc3开始,了解它的范例是什么,以及webform和mvc systesm之间的区别是什么。

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

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

现在,如果您想放置图像按钮,如果您将悬停并且颜色会发生变化,那么您需要执行以下步骤。

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

    Html.ActionLink(“YourButtonName”,“Index”,null,new   {@ class =“hoverButton”})

    1. 现在你需要在你的css文件中创建两个名为hoverButton的类,其中包含显示图像的属性和hoverButton:当你将鼠标悬停在链接上时悬停显示图像。喜欢以下。
    2. hoverButton {  margin-bottom:10px;  宽度:160px;  高度:160像素;  显示:块;  background:透明网址('Button.png')居中顶部不重复; }

      .hoverButton:hover {    background-image:url('hoverButton.png'); }

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

      希望你理解这个概念并且有所帮助。