2011年01月12日

jQery:Flexible Accordionというアコーディオンメニューのプラグイン

Flexible Accordionというアコーディオンメニューのプラグインを使ってみました。
元サイトはなくなったみたいです。
これを少し、改造して開いているメニューをクリックしたら閉じるようにしたのとGETの値をとってメニューがページ遷移ごとに閉じないようにしました。

DEMO

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/
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
2011年01月05日

jQuery:shadowboxのスクロールバーを制御する

shadowboxのスクロールバーを制御するには、iframe的に
scrolling="auto"
or
scrolling="yes"
or
scrolling="no"
とすることで対応可能。