タブやページネーションを簡単に実装できる！超軽量のjQueryプラグイン「vanity」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
※編集部注：jQueryプラグイン「vanity」は既にサービスを終了しています。 お疲れ様です、ももこです。 今回はタブやツールチップ等、ちょっとした動きをつけるのに便利で超軽量なjQqueryプラグイン「vanity」をご紹介します。 jSlider – スライダー ナビとページ遷移のついた基本的なスライダー、速度やイージングも調整がききます。 jTabs – タブ コンテンツの切り替えによく使われるタブ。簡単にアニメーションがつけられるのが個人的に気に入りました！ jPaginate – ページネーション ブログで大活躍するページネーション、オプションを細かく設定すればイイ感じに使えそうです。 jSpotlight – スポットライト 選択した要素以外を目立たせなくするスポットライト。タイトルが下からひょこっと出てくるのも良いですね！ 他にも…… 以下のツールを含め、7つの機能が使用
jQuery タブメニューへのダイレクトリンクの仕方を教えてください。
hogehoge.html#abc というURLが指定されたリンクをクリックすると、#abcに対応したタブが選択された状態でページを開きたい、ということですね。 こんな感じでどうでしょう。 [html部分] <body> <div id="main"> <ul> <li><a href="#a">a</a></li> <li><a href="#b">b</a></li> <li><a href="#c">c</a></li> </ul> <div id="a">aa</div> <div id="b">bb</div> <div id="c">cc</div> </div> </body> [Javascript部分] $(function(){ //タブの要素 var container = $('#main'); //メニューからidのリストを取得する var list = [];
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
