-2

私は次の構造を持っています：

<div class="calendar">
    <ul>
        <li>
            lots of content 
        </li>
        <li>
            lots of content 
        </li>
    </ul>
</div>

ユーザーが各 (li) 項目にカーソルを合わせたときに、いくつかのカスタム リンクを含むメニューを表示したいと思います。ここに私が意味するもののスクリーンショットがあります。

ここに画像の説明を入力

どんなアイデアでも大歓迎です。クラスカレンダーの（li）要素で何らかの方法でJqueryを使用する必要があると思います...

4

1 に答える 1

0

これを試してください：

<div class="calendar">
    <img src="myimage.png" alt="lots of content" />
    <ul>
        <li>
            lots of content
        </li>
        <li>
            lots of content
        </li>
    </ul>
</div>

そして、このCSSを使用してください

.calendar:hover ul, .calendar img {display: block;}
.calendar:hover img, .calendar ul {display: none;}

フィドル: http://jsfiddle.net/praveenscience/J99WS/

于 2013-06-10T17:59:46.663 に答える