こんな感じのメニューが使えるようにしようと思っています
公平を期すために、私はこれをほとんど理解していませんでしたが、ホバー機能でスタイルを使用できると知らされました.
これが私のコードで試したことです:
<center>
<ul>
<li>
<a href="audiorageHome.aspx"><img src="images/audiorageGIFtype/audiorageBanner.gif" alt="Welcome to AudioRage!"/></a>
</li>
<li>
<a href="audiorageHome.aspx"><img src="images/audiorageGIFtype/audiorageButtonHome.gif" alt="Home"/></a>
<img class="showHim" src="images/audiorageGIFtype/audiorageButtonStore.gif" alt="Store" />
<a href="audiorageAbout.aspx"><img src="images/audiorageGIFtype/audiorageButtonAbout.gif" alt="About"/></a>
<a href="audiorageCart.aspx"><img src="images/audiorageGIFtype/audiorageButtonCart.gif" alt="Cart"/></a>
</li>
</ul>
</center>
<br />
<center>
<div class="showMe">I want this to show!!</div>
</center>
ここにCSSがあります
.showMe
{
display: none;
}
.showHim:hover .showMe
{
display: block;
}
JSFIDDLEへのコードの既成のリンクを次に示します。