3

私はjQueryを初めて使用します。ただ感じをつかもうとしています。ここでデモされたタブ機能が好きです：

http://jqueryui.com/demos/tabs/#mouseover

私はこれが本当に好きです、しかし私はそれがもう少しメニューのように振る舞うことを望みます。特に、タブのコンテンツをページのコンテンツの上に（メニューのように）表示したいと思います。また、タブをロールオーバーしたときと同じように、コンテンツが変更されます。タブをロールオーバーしなかったとき（または、ユーザーがページ上の他の場所をクリックしたとき）、タブのコンテンツを削除します（メニューなど）。

だから本当にメニューとして使いたいです。誰かが私の問題を解決できるメニューコントロールを知っていれば、それもうまくいくでしょう。アイテムにカーソルを合わせると、divがポップアップするという事実が好きです。各divにテキストと2つのボタンを配置したいと思います。

ありがとう！

これは私が最初に持っていたものです：これはヘッダーにあります：

$("#tabs").tabs().find(".ui-tabs-nav").sortable({ axis: 'x' });
$("#tabs").tabs({ event: 'mouseover' });

そしてこれは体の中で：

 <div id="tabs">
            <ul>
                <li><a href="#tabs-1">First</a></li>
                <li><a href="#tabs-2">Second</a></li>
                <li><a href="#tabs-3">Third</a></li>
            </ul>
            <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
            <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
            <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
        </div>
4

2 に答える 2

2

jQueryは非常に豊富なプラグインモデルをサポートしています。タブを操作してメニューのように機能させるのではなく、メニュープラグインを確認することをお勧めします。

于 2010-09-03T16:08:21.693 に答える
0

これは、jQueryを使用してこの種の動作を実現する方法の例です。例は非常にわかりやすいですが、好きなようにスタイルを設定できます。

于 2010-09-03T16:59:32.403 に答える