1

私はこのような小さなメニューを持っています：

                                            Item1  |  Item2  |  Item3

メニューはdiv内にあり、divの右側に浮かんでいます。「Item1」にカーソルを合わせると、「サブメニュー」が「Item1」アイテムの左側にスライドして表示されます。

                      Item 1.1 : Item 1.2 - Item1  |  Item2  |  Item3

「Item1」だけにその機能を持たせたいです。検索して検索しました。おそらく私が望むように動作するように構成できるいくつかの例1を見つけました。しかし、私は明らかにそれらのスキルを欠いています。私の最初の問題は、右ではなく左にスライド/アニメーション化することです。次に、「サブメニュー」にはさまざまな幅のコンテンツが含まれるため、特定のサイズにスライドさせたくありません。

すべてのヒント/ヘルプは大歓迎です！

ありがとう！

1 - http://www.ilovecolors.com.ar/jquery-sliding-menu/

2 - http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizo​​ntal -animated-menu/

4

1 に答える 1

0

私はあなたのメニューがリストにあると思います

$('li:last').hover(function(){$('li').append(<li></li>);
$('li:last').addClass('submenu');
$('.submenu').show();
},function(){
$('.submenu').hide();
$('.submenu').removeClass('submenu');
});

.html(); が追加されました。ポッピングメニュー内にコンテンツを配置します

$('.submenu').html(" . . . . . . ");
于 2010-10-30T17:48:43.320 に答える