これは絶妙なマルチレベルのドロップダウン メニューの美化であり、「選択」を完全に置き換えてドロップダウン メニューの効果を実現できます。また、読み込み待機エフェクトや階層分類表示などのマルチレベルメニューもサポートしています。
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
http://www.w3.org/1999/xhtml" xml:lang="ja">
<頭>
フィラメント グループ ラボ
<スクリプトタイプ="text/javascript">
$(関数(){
// ボタン
$('.fg-button').hover(
function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }、
function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
);
// メニュー
$('#フラット').menu({
content: $('# flat').next().html(), // このページからコンテンツを取得します
表示速度: 400
});
$('#hierarchy').menu({
コンテンツ: $('#hierarchy').next().html(),
crumbDefaultText: ' '
});
$('#階層ブレッドクラム').menu({
コンテンツ: $('#hierarchybreadcrumb').next().html(),
backLink: false
});
// または外部ソースから
$.get('menuContent.html', function(data){ // 別のページからコンテンツを取得します
$('#flyout').menu({ content: data, flyOut: true });
});
});
flat menu
< ;span class="ui-icon ui-icon-triangle-1-s">フライアウト メニュー iPod スタイル メニュー
ipod-style menu w/ breadcrumb
