は、誰もがjqueryのためのいくつかのプラグイン、またはサイト上と同じように動作し、他のJavaScriptライブラリを再開することはできますか?Javascriptのドロップダウンメニュー
1
A
答えて
0
私はjqueryプラグインを試していましたが、それは私の要求に合っていませんでした。
しかし、私は他のサイトからJSとCSSをコピーして、それが動作させることができています:
1
あなたはそれを試してみる(jQueryのアコーディオンのページから)このコードを使用することができます:
ヘッド:
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#accordion").accordion();
});
</script>
ボディ:jQueryのを使用して
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>Mauris mauris ante</div>
<h3><a href="#">Section 2</a></h3>
<div>Sed non urna</div>
<h3><a href="#">Section 3</a></h3>
<div>Nam enim risus </div>
<h3><a href="#">Section 4</a></h3>
<div>Cras dictum</div>
</div>
1
、私はこのスクリプトを持っています私が使用している:
$(document).ready(function() {
$(".nav > li > a").click(function() {
$("ul", $(this).parent()).slideToggle("normal");
return false;
});
$(".nav ul").hide(); // Hide all on load. Done here rather than in CSS so users
// see the menu if they have javascript disabled.
});
このメニューは、HTMLで次のようにマークアップされています。
<ul class="nav">
<li><a href="#">Header</a></li>
<li>
<ul>
<li>Sub list Items</li>
<!-- More -->
</ul>
</li>
</ul>
各拡張セクション。
0
jQueryのはもっとありますいくつかのメニューのプラグイン
- http://css-tricks.com/simple-jquery-dropdowns/
- http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/
- http://www.search-this.com/2009/03/17/jquery-dropdown-menu/
- http://css-tricks.com/simple-jquery-dropdowns/
を持っています。私は自分のウェブサイトに自分自身を書きました。 jQueryはとても簡単です。
関連する問題
- 1. ドロップダウンメニューjavascript
- 2. は、Javascriptのドロップダウンメニュー
- 3. JavaScriptのドロップダウンメニュー(Enjin)
- 4. Javascriptのドロップダウンメニュー
- 5. javascriptドロップダウンメニューの質問
- 6. javascriptのないドロップダウンメニュー
- 7. JavascriptドロップダウンメニューToggle Onclick
- 8. javascript:動的ドロップダウンメニューの値
- 9. javascriptスライダーの後ろにドロップダウンメニュー
- 10. Javascriptでドロップダウンメニューを開く
- 11. Googleと動的javascriptドロップダウンメニュー
- 12. JavaScriptのドロップダウンメニューのCSSスタイルの遅延
- 13. ブートストラップのJavaScriptのドロップダウンメニュー - データ振る舞い
- 14. JavaScriptのドロップダウンメニューとフラッシュの競合
- 15. javascript/php単純なドロップダウンメニューのログアウト
- 16. サイトの基礎6 - ドロップダウンメニュー - javascript can initialize
- 17. レスポンシブ(モバイルファーストアプローチ)用のJavaScriptドロップダウンメニュー/水平メニュー
- 18. JavaScriptのドロップダウンメニューに基づいて検索
- 19. HTML/JavaScript価格計算フォームのドロップダウンメニュー
- 20. ドロップダウンを生成するJavaScript関数/ドロップダウンメニュー
- 21. HTMLドロップダウンメニュー/ Typeaheads(PythonからJavaScriptへ)
- 22. JavaScriptでドロップダウンメニューが機能しない
- 23. Javascript - 親ドロップダウンメニュー選択に基づいて子ドロップダウンメニューを設定する方法
- 24. JavaScript - javascript変数を変更するHTMLドロップダウンメニューを作成
- 25. 複数のドロップダウンメニューの純粋なjavascriptの表示/非表示
- 26. JavaScript - 2つの異なるドロップダウンメニューからの出力値
- 27. バニラのドロップダウンメニューJavaScript - 不明な数のボタンについて
- 28. JavaScriptを使用したドロップダウンメニューの値の取得と設定
- 29. 1つのページに複数のドロップダウンメニューを表示するJavascript/jquery
- 30. ドロップダウンメニュー