0

私はjQueryメニューに取り組んでいます。

これがフィドルです：http：//jsfiddle.net/HZxjb/

私が必要としているのは、各サブカテゴリを閲覧できるようにすることです。現在、マウスが「ホーム」の上にあるとき、「テキスト1」の上に移動したいときは、サブカテゴリがスライドして戻ります。どうすればそれを停止できますか？

また、サブカテゴリをメインカテゴリの横にスライドさせてください。したがって、マウスが「ホーム」の上にある場合、サブliはその横にスライドします。マウスを「サービス」の上に置くと、サブliがその横にスライドします。そのため、「サービス」が下にあるため、「ホーム」の横にサブボタンはありません。

また、あるボタンから別のボタンにすばやく移動すると、戻ってくる途中のサブボタンの下にサブボタンが表示されます。これが起こらないようにこれを機能させるにはどうすればよいですか。

4

2 に答える 2

1

http://jsfiddle.net/HZxjb/13/

それぞれを . で呼び出す必要はありませんid。私があなたに与えたのは、あなたのメニューをどのように構築すべきかということです。

私がお勧めするもの：

基本を知らずに複雑なものを作り始めないでください。

たとえば、次のコードは、どう見ても間違っています。

$(document).ready(function () {
    $(".sub_button_home").hide();
});
$(document).ready(function () {
    $(".sub_button_services").hide();
});
$(document).ready(function () {
    $(".sub_button_products").hide();
});

CSS から ( を使用して) それを実行できるだけでdisplay: noneなく、すべてのコードを含む 1 つの関数ではなく、3 つの関数を追加しました。

採用すべき基本構造を学ぶために、jQuery の API を読むことをお勧めします。

于 2012-07-17T18:08:00.607 に答える
0

何かを行う前に、まず便利な html を作成する必要があります。リストなしでリストアイテムを使用するというアイデアはどのように思いついたのですか? また、テーブルを使用してメニューのレイアウトを設計するアプローチについては、現時点では何も言わないほうがよいでしょう。

目的を達成するには、順序付けられていないネストされたリストのみが必要です。Stu Nichols のメニューは Google で検索してください。そこには、さまざまなメニューの可能性がたくさんあります。

于 2012-07-17T18:13:08.247 に答える