[JS]jQueryのプラグイン100選 -2013年総集編
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。 1ページコンテンツ用のスクロール関連 パララックス スクロール関連 スクロールで定位置関連 その他スクロール操作・補助関連 スクロールバー関連 レスポンシブ関連 エフェクト関連 ナビゲーション関連 レイアウト関連 画像ギャラリー関連 画像拡大・配置・キャプション関連 コンテンツスライダー関連 カルーセル関連 アニメーション関連 フォーム関連 コンテンツのツアー関連 テキスト関連
Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
マウスオーバーで画像にキャプションを追加するjQueryプラグイン「Mosaic」を使ってみた
画像の情報なんかをスライドやフェードでかっこ良く表示させたい時に最適なjQueryプラグインです。 いつものようにデモページを拵えたので見てください。公式のデモとたいして違いはないんですけど。 Demo Mosaicの実装例 デモページの5番目（上からスルッと出てくるヤツ）について解説します。 スクリプトを読み込む <script src="js/jquery.js"></script> <script src="js/mosaic.1.0.1.min.js"></script> jQuery(function($){ $('.bar3').mosaic({ animation : 'slide', //slideかfadeが選べる anchor_y : 'top' //キャプションを表示させる位置 }); }); 上記以外にも色々なアニメーションを指定できます。 animation :
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
noupe - THE magazine for webworkers and site owners
