Swiperの使い方・解説【日本語訳 】スライダー設置方法 ｜ WEBTEQ
強力そうなスワイプ対応のjavascriptスライダーの使い方です。Jqueryオンリーでないので、フリクションしにくいのも利点です。 ※Jquery系スライダーならflexsliderも翻訳しましたよ。Jqueryでどうしてもいきたい場合にはいいかもね。 Swiperの素晴らしいところは入れ子でスライダーが組めるところですが、こんな使い方をするサイトを考えるのも難しいってほど複雑なことができます。 使い方は本サイトを見ればだいたいわかるでしょう。とにかく使ってみないと掴めないヤツですね。 【Swiper Usage and API】本サイトの使い方ページ（英語） http://www.idangero.us/sliders/swiper/api.php しかし英語じゃあ読みにくいよ。オプションを日本語訳してみました。設置のしかたは本サイトで大体わかると思いますが、どうオプションを組み合わ
jQuery基礎講座：するっと動くドロワーメニューの作り方（ZIP付） | 株式会社パナレア
東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。jQuery基礎講座[第１０回] どーも＠PNRAです！ 忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 以前ハンバーガーナビゲーションに関する記事をいくつかあげましたが、そこの応用版のお話。最近スマートフォン向けのホームページで何かとよくみるドロワーメニューです。スマートフォンというブラウザサイズの制限を見事に克服したこのドロワーメニュー。ドロワー（引き出し）のように普段はしまっておいて、必要な時に出すというものです。 実装するにあたって、様々なjQueryプラグインもあるのですが、動きだけを考えるとそんなに複雑な仕組みではないため、自身で動作を定義してあげた方が表示速度やカスタマイズするにあたって便利だろ
【★★★ - ｊＱｕｕｅｒｙ】 - クリックで開くアコーディオンメニュー
スマートフォンにも使える、クリックで開くアコーディオンメニュー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"
アクセス時にモーダルウィンドウが開くjQueryプラグイン｜KEN10.COM
アクセスした瞬間に、モーダルウィンドウを表示し、訪問者により情報を強調して知らせるjQueryプラグインをご紹介します。 そのプラグインは、下記リンクよりダウンロードできます。 ▼jquery.layerBoard.js <2013年05月28日時点では、商用利用化です。> http://www.ken10.com/sample/access_modal/js/jquery.layerBoard.js ダウンロードリンクより、ダウンロードしたソース以外に下記ソースが必要になります。 jquery.cookie.js jQuery
jQuery One Page Scroll by Pete R. | The Pete Design
Ready-to-use plugin All you need is an HTML markup, call the script and BAM! <div class="main"> <section>...</section> <section>...</section> ... </div> $(".main").onepage_scroll(); Pretty Neat Eh? You can customise the animation timing, the selector or even the animation easing using CSS3. I can't wait to see what you guys will come up with. Don't forget to grab them for free on Github'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
