Flexible Accordionというアコーディオンメニューのプラグインを使ってみました。
元サイトはなくなったみたいです。
これを少し、改造して開いているメニューをクリックしたら閉じるようにしたのとGETの値をとってメニューがページ遷移ごとに閉じないようにしました。
DEMO
2011年01月12日
2011年01月11日
jQuery:jquery.corner.js BOXの角を丸くする
ダウンロード
[JS]
$('.inner_menu').wrap('<div class="outer_menu"></div>');
$('#ex1').corner("round 5px").parent().css('padding', '1px').corner("round 5px");
$('.oneAccordion').flexAccordion({
speed: 'fast',
activeitem: 'none',
showheaders: true,
headerEl: 'div',
contentEl: 'div',
targetdelimiter: ' ',
});
[CSS]
#container .inner_menu { margin: 0; background: #f6f6f6; padding: 10px; border:0; zoom:1;}
#container .outer_menu { float: left; margin: 0; background: #cdcdcd; padding: 8px; width: 198px }
[html]
<script type="text/javascript" src="js/jquery.corner.js"></script>
<div id="ex1" class="inner_menu oneAccordion">
AAA
</div>
2011年01月07日
jQuery:おもしろプラグインメモ
おもしろプラグインをメモしておこう。
mac風メニュー
http://www.wizzud.com/jqDock/
http://www.fancydesign.de/lab/jquery-pageswitch-plugin/index.html
縦スクロールメニュー
http://www.skuare.net/test/jscrollmenu.html
チェックボックス
http://mypocket-technologies.com/jquery/cust_radio_buttons/
ページ遷移
http://www.fancydesign.de/lab/jquery-pageswitch-plugin/index.html
角を丸くする
http://roydukkey.com/divcorners/demo.php
リアルタイムにエラーチェック
http://demos.usejquery.com/ketchup-plugin/
タブ
http://papermashup.com/simple-jquery-tabs/
mac風メニュー
http://www.wizzud.com/jqDock/
http://www.fancydesign.de/lab/jquery-pageswitch-plugin/index.html
縦スクロールメニュー
http://www.skuare.net/test/jscrollmenu.html
チェックボックス
http://mypocket-technologies.com/jquery/cust_radio_buttons/
ページ遷移
http://www.fancydesign.de/lab/jquery-pageswitch-plugin/index.html
角を丸くする
http://roydukkey.com/divcorners/demo.php
リアルタイムにエラーチェック
http://demos.usejquery.com/ketchup-plugin/
タブ
http://papermashup.com/simple-jquery-tabs/
-
- 0 Comment |
- 0 Trackback |
2011年01月06日
jQuery:参考サイト集
自分がajaxのプラグインを探すときにお世話になっているサイトをメモ。
・jQueryプラグイン集33選+1
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2010-dec.html
・jQuery441プラグイン:skuare.net
http://www.skuare.net/test/jQuery.html
・jQueryプラグイン集33選+1
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2010-dec.html
・jQuery441プラグイン:skuare.net
http://www.skuare.net/test/jQuery.html
-
- 0 Comment |
- 0 Trackback |
2011年01月05日
jQuery:shadowboxのスクロールバーを制御する
shadowboxのスクロールバーを制御するには、iframe的に
scrolling="auto"
or
scrolling="yes"
or
scrolling="no"
とすることで対応可能。
scrolling="auto"
or
scrolling="yes"
or
scrolling="no"
とすることで対応可能。
-
- 0 Comment |
- 0 Trackback |