在ASP.Net中創建滾動圖像

Question

我有一個圖像菜單欄。爲菜單欄創建翻轉圖像的最佳方法是什麼？

我使用Visual Studio 2008在VB.Net

Answer 1

如果它是一個背景圖片，你可以使用CSS：懸停選擇器，更改背景圖片。

Answer 2

您可以使用菜單控件CSS Friendly Adapters和CSS Sprites的組合。

我已經做了很多這些，所以隨時提出任何問題。

最後，你想是這樣的：

<ul id="nav"> 
    <li><a href="page1.aspx" id="page1">Page 1</a></li> 
    <li><a href="page2.aspx" id="page2">Page 2</a></li> 
    <li><a href="page3.aspx" id="page3">Page 3</a></li> 
    <li><a href="page4.aspx" id="page4">Page 4</a></li> 
</ul> 

風格它像這樣：

#nav li { float: left; } 
#nav a { height: 30px; width: 150px; background: transparent url("bg.png") no-repeat scroll left top; } 
#nav a#page1:hover { background-image-position: -30px 0; } 

等等等等......

你必須設置每個元素的背景圖像位置，但該圖像精靈教程應該讓你在那裏。

Asp.Net中的Css菜單適配器，不幸的是不會在每個元素上放置ID。我編輯了源代碼來執行此操作，但是如果您不需要Menu控件爲您提供的抽象，您可能只需要使用html來完成此操作。

Answer 3

你也可以做一個CSS解決方案。它涉及更多關於創建圖像翻轉的工作，即在圖形設計方面。

查看CSS中的：http://clearleft.com/