A lightweight (~1kb) jQuery plugin that enables expanding and collapsing content Collapsible Content with JavaScript This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure. Read the full documentation for more info. Basic Usage <div id="demo" data-collapse="accordion persist"> <h2>Fruits</h2> <ul> <li>Apple</li> <li>Pea
サイト制作時によく使うjQueryのコードをまとめました。 このマニュアルで使用しているバージョンは、1.7.1です。利用する際は、本家サイトで最新版をダウンロードしてください。 目次 スムーススクロール マウスオーバー時の画像切替 マウスオーバー時の画像の透明度変更 アコーディオンメニュー スライドパネル タブパネル 画像切り替え lightbox カルーセル おまけ：ある程度スクロールしたら、ページの先頭へ戻るボタンを表示させる方法 コードとサンプル 先にjQueryを記述してから、コードを書いてください。（コードは選択してコピーできます。） <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> CDNを利用する場合は、以下をコピペしてください。 <script type="text/javascri
jQueryプラグイン「jQuery Collapse」を使えばとても簡単に折りたたみコンテンツを実装することができます。クリックするごとに表示・非表示を切り替えられるのでスペースの有効活用になりますしレイアウトもスッキリ見せることができるので使う機会もありそうですね。折りたたむ要素はデフォルトでdivとulなのですが、オプションを指定することでolにしたりといったカスタマイズも簡単にできます。以下使い方です。 [ads_center] 使い方はとても簡単です。以下のサイトからプラグインをダウンロードします。 jQuery Collapse | webcloud jQuery本体とプラグインを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <scr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
