Q U A D R R A T O $('.contenitore').innSlide({ top: '60', left: '70', duration: 2000, interval: 3000, direction: 'Right' });

textualizer 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 様々なアニメーションエフェクトがあり、文字に動きをつけて注目を集めたい場合なんかに使えそうです。 IE6を含むレガシーなブラウザにも対応しています。 次のような簡単な分かりやすいソースコードで実装できます。 キャンペーンサイトなど、インパクト重視のサイトに入れてみるとよさそうですね 関連エントリ 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」

Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。

fcbkListSelection v 1.1 ? like facebook friends selector - Emposha facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 ul > li のリストで定義して初期化するだけで次のような、選択すると色がつくようなチェックリストを作ることができます。 HTMLは次のようにシンプル JavaScriptも実装部分はほぼ一行 デモページはこちら 使ってみるとその便利さがわかります。 関連エントリ Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 画像のリストを面白い見せ方で表示できるjQueryプラグイン「imageCloud」

デスクトップだけでなく、iPhoneをはじめとするスマートフォンなど、さまざまなデバイスに対応した画像ギャラリーを実装するjQueryのプラグインを紹介します。 Fotorama [ad#ad-2] Fotoramaの主な特徴 Fotoramaのデモ Fotoramaの実装 Fotoramaの主な特徴 Fotoramaはセットアップも簡単で、直感的な操作性が楽しい画像ギャラリーのスクリプトです。 メインの画像をスライドするにはいくつかの方法が用意されています。 矢印ボタンでメイン画像をスライド ドラッグ操作でメイン画像をスライド ナビゲーションでメイン画像をスライド サムネイルでメイン画像をスライド サムネイルもドラッグでスライドすることができます。 サムネイルもドラッグでスライド サムネイルのボーダーはアニメーションで動作し、読み込み時のエフェクトも用意されています。 Fotoramaの

stickyFloat | jQuery Plugins ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 ページをスクロールするとメニューもスクロールしてくれて別ページに移動しやすいあのUIのアニメーションや遅延のカスタマイズが可能なjQueryプラグインです。 アニメーションの仕方によっては気分が悪くなるというようなケースもあってカスタマイズには注意したいこのUIですが、アニメーションなどを使って利用者の負担にならないものが簡単に実現できそうです デモサイト上で１０種類のアニメーションや遅延、アニメーション時間の設定が可能で、動作を確認しながらカスタマイズ可能です。 Delay・Durationを多めにして適度なタイミングで横に来ているというようなものがベストですかね 実装コードは次のように超簡単です jQuery('#

コンテンツへスキップ モバイル通信 オプション扱いにはなりますが…。 大概のプロバイダーが…。 毎日WiMAXを使用しているわけですが…。 ワイモバイルと言いますのは…。 WiMAXに関しては…。 LTEに関しては…。 ワイモバイルも通信可能なエリアは拡大の一途を辿っており…。 オプションにはなるのですが…。 現段階で市場にある色々なモバイルルーターの中で…。 いろいろ調べましたが…。 思いの外知らない人が多いようですが…。 WiMAXモバイルルーターに関しましては…。 正直申し上げて…。 キャッシュバックを受け取る前に「契約を解約」なんてことになりますと…。 様々に比較検討してみましたが…。 「ポケットWiFi」と申しますのは…。 モバイルWiFiの月額料金を格別低い金額にしている会社を調査してみると…。 NTTDoCoMo又はY!mobileに規定されている速度制限が行われますと…。

使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」 2011年11月02日- nicescroll : stylish scrollbars ios look-alike | jQuery Plugins 使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」 OSによってスクロールバーデザインが違ったり、常に表示されていたりというのが当たり前でしたが、独自スクロールバーにするのが最近のトレンドっぽいですね。 今回紹介するプラグインを使えばiPhoneのあのスマートなスクロールバーをPCブラウザでも実現出来ます。 エレメントにカーソルを合わせると次のような独自実装のスクロールバーが現れます スクロールすると当然、スクロールバーの位置も変化 時間を置くと勝手にスクロールバーがフェードアウトで消えます。

単体で使ってもいいし、それを使って更に面白いものを作りだすのにも役立つjQueryの定番系プラグインを紹介します。 いつもリリースされたばかりのプラグインを紹介しているので、たまには定番系で汎用的なものを。

jQuery Timelinr [ad#ad-2] Timelinrのデモ Timelinrの実装 Timelinrのデモ デモでは、水平レイアウト、垂直レイアウト、オートプレイの3種類があります。 スライドのアニメーションもかっこいいですが、パネル表示時のズームもいいですね。 デモ：オートプレイ [ad#ad-2] Timelinrの実装 HTML 時間とパネルをそれぞれリスト要素で実装し、divで内包します。 「#timele, #dates, #issues」はデフォルトの設定です。 <div id="timeline"> <ul id="dates"> <li><a href="#">date1</a></li> <li><a href="#">date2</a></li> </ul> <ul id="issues"> <li id="date1"> <p>Lorem ipsum.

div要素で配置したボックス HTML jQueryのセレクタで指定できるようにidを付与したdiv要素です。 <div id="example1"></div> 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js'></script> <script src='okshadow.js'></script> JavaScript OKShadowのデフォルトの記述例です。 $(function(){ $('#example1').okshadow(); }); スクリプトのオプション オプションではドロップシャドウのカラー、位置などを設定できます。 オプションを使用して二つ目のデモは、下記のようになります。 $(

テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグインを紹介します。 Div Linker デモページ [ad#ad-2] Div Linkerの実装 実装は非常にシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML デモのようにテキストリンク（a要素）をdiv要素で内包します。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <

This domain may be for sale!

Node 1: Click on the icon in front of me to expand this branch. See the Examples chapter for more examples. To download releases of this plugin, visit treeTable's project page. The source code of this plugin and this documentation is available on GitHub: http://github.com/ludo/jquery-plugins/tree/master/treeTable. Table of Contents Introduction Installation Usage Include the plugin in your html do

FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。 [ad#ad-2] FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src="img2.jpg" style="margin-left: 0px;" /></div> <div><img src="img2.jpg" style="margin-left: -250px;" /></div> <div><img src="img3.jpg" style="margin-le