ホームページ >ウェブフロントエンド >htmlチュートリアル >頭がクラクラしています。div+css を使用して 2 番目の menu_html/css_WEB-ITnose を作成するにはどうすればよいですか?

頭がクラクラしています。div+css を使用して 2 番目の menu_html/css_WEB-ITnose を作成するにはどうすればよいですか?

WBOY
WBOYオリジナル
2016-06-24 12:24:441269ブラウズ


上の 2 つの図に示すように、[注文管理] をクリックすると、[注文の表示] と [注文のキャンセル] 機能が表示され、もう一度 [注文管理] をクリックして非表示にします。これはどうやって行うのですか? コードをお持ちでしたら、よろしくお願いします


ディスカッション (解決策) に返信

js イベントを使用してクリックします。CSS では制御できません。マウスを上に移動して展開し、外側に移動します。をクリックする代わりに縮小するには、

私は初心者です。個人的には、jqueryを使ってページにtoggle(fn1, fn2,...)メソッドを記述すると、隠しフィールドとしてfn1を記述することができると思います。 fn2 は隠しフィールドとして記述されます

li, li+div で行う必要があります

li タグと CSS を使用します。CSS 疑似クラスを使用するのは非常に簡単です
まずセカンダリ メニューの表示属性を設定しますnone にします
次に、マウスが li タグに移動したら、それを block に設定します

JavaScript イベントを使用して、サブメニューのブロック スタイルの切り替えを制御します。

他人に書かせるのではなく、自分の頭を使いましょう。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。