1

画像のメニューバーがあります。メニュー バーのロールオーバー イメージを作成する最良の方法は何ですか?

VB.Net で Visual Studio 2008 を使用しています

4

3 に答える 3

2

背景画像の場合は、css :hover セレクターを使用して背景画像を変更できます。

于 2010-04-16T14:17:12.780 に答える
0

Menu コントロール、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 で行うこともできます。

于 2010-04-16T14:17:28.977 に答える
0

CSS ソリューションも実行できます。画像のロールオーバーを作成する作業、つまりグラフィック デザインの作業が多くなります。

css を参照してください: http://clearleft.com/

于 2010-04-16T14:20:54.867 に答える