スライダーの上に、扉が開く動作（animate）を付けるjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
スライダーの上に、扉が開く動作（animate）を付けるjQuery クロスフェードのスライダー上に、扉が開く動きを付けるjQueryです。 オンマウスやクリックで開くタイプではなく、読み込めば開くタイプです。 コードはとても簡単・シンプルですので、使える部分があれば参考にしてみてください。 参照サイト-スライド：最も短いコードで実装出来るイメージスライドショー 参照サイト-アニメーション：Crafting an Animated 上記の参照サイトを参考にさせていただききました。 良記事ありがとうございます！ DEMO デモページ DEMO デモページを例に説明していきます。 また、スライダー部分についての説明は省略ぎみです。 この記事のHTML・CSS・JSをコピペすれば動くと思いますが、詳しくは参照サイトの「スライド」をご覧ください。 記述例：HTML <html> <head> ・
【★★★ - ｊＱｕｕｅｒｙ】 - クリックで開くアコーディオンメニュー
スマートフォンにも使える、クリックで開くアコーディオンメニューjQuery スマートフォン等、限られたスペースで複数のコンテンツを設置できるアコーディオンメニュー。 シンプルなコードで動作しますので、実装してみてはいかがでしょうか。 デモページ DEMO 説明 今回は2種類のアコーディオンを紹介します。 1つは「ul」で組むリスト、もう1つは「dl」で組むリストです。 なお、「ul」リストは複数開くことができ、「dl」リストは別のタブが閉まるようになっていますので使い分けて見て下さい。 JS $(function(){ $(".accordion p").click(function(){ $(this).next("ul").slideToggle(); $(this).children("span").toggleClass("open"); }); $(".accordion dt"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
