http://jsbin.com/umaguc/1/のようなホームページを作成しています。現在、ドロップダウン メニューに取り組んでいます。今私が欲しいのは、http://www.script-tutorials.com/demos/249/index.htmlのような効果を作ることです。id="lavalamp"
幅、高さ、背景色 (長方形のように見える) を持つdivがあります。要素の 1 つ(ホーム、ゲーム オフライン、ゲーム オンライン、エスポート、音楽など)をホバーすると、このdiv を移動して幅を変更し、上記の効果のように見えるようにします。これは私のコードのアイデアです:#nav ul li
#lavalamp
#nav li:nth-of-type(1):hover ~ #lavalamp {
left: 39px;
}
#nav li:nth-of-type(2):hover ~ #lavalamp {
left:110px;
width:110px;
}
しかし悲しいことに、それはうまくいきません。要素の上にカーソルを置いても#nav ul li
、何も変わりません! 皆さんがこの問題で私を迎えてくれることを願っています..どうもありがとう!