リストにフィルタを掛けてソート出来る、わずか2KBの軽量jQueryプラグイン・MobilySelect - かちびと.net
以前にも同じようなものがありましたが、 こちらのほうが良かったのでメモ。リスト （デモでは画像を使っています）にフィルタ リングしてソート出来るjQueryプラグイン。 わずか2KBと軽量で、クロスブラウザ対応 です。便利そうなのでどこかで使いたい ですね。 以前ご紹介したFilter Image Viewも良かったのですが、IE6で表示が微妙でしたが、MobilySelectは問題なく、しかも軽量です。 機能はFilter Image Viewと同様で、ボタンを押すと、そのボタン以外のリストを非表示にする、というフィルタリング。 上記は「名刺」のみの表示にした状態。 完璧に同じ挙動、とは行きませんが、IE6でもちゃんとフィルタリングしてくれます。上記はIETesterでのキャプチャ。 マークアップ <div class="selecter selecter1"> <div class="
プログラミング日誌 :: jQuery.uploadでファイルアップロード
というようにメッソドを呼び出します。 気になった点としては、<input>タグの下に別のタグを配置すると、アップロードした瞬間、表示がずれるという現象が起きることです。 2. jQuery.uploadの引数 url 対応するサーバ側スクリプトのURL。 data サーバに送信するデータ。 josn形式:{'key':'value'} GET形式:key1=value1&key2=value2... などの形式で指定する。 callback アップロード完了後に呼ばれる関数。 type サーバからのレスポンスデータの形式。 'json', 'text', 'xml', 'html', 'script'のどれか。 3. 使用例 ファイルを指定して「アップロード」ボタンを押すと、引数dataで指定した日時が付加されたメッセージがブラウザに表示されるというシンプルなものを実装しました。 3.1
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
ユーザビリティに優れた画像ギャラリーJavaScript「jquery.showcase」
画像ギャラリーは、数多くあふれていますが、発端がLightBoxだったからか、あまりユーザビリティに優れているとはいえません。 jQueryプラグインのjquery.showcaseを使用すると、今何を見ていて、後何枚あるのかを明示することができ、わりとユーザビリティに配慮できます。 sponsors 使用方法 jquery.showcaseからjquery.showcase.1.0.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.showcase.1.0.js"></script> <script language="javascript" type="text/
[JS]画像だけでなく、テキストなども拡大表示できるスクリプト -AnythingZoomer
demo: calendar 仕組みは、通常表示用の画像・テキストとは別に、拡大表示用の画像・テキストを用意し、それをクリップして表示しています。 そのためデータが二重に実装するのが弱点です。 AnythingZoomerはjQueryのプラグインのため、実装にはjquery.jsが必要です。
[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2
divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="quickFlip"> <div>表のパネル<br /> <a href="#" class="quickFlipCta">click to flip</a></div> <div>裏のパネル<br /> <a href="#" class="quickFlipCta">click to flip</a></div> </div> </textarea>
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
jQuery Tooltip plugin の基本的な使い方メモ
jQuery Tooltip プラグイン サンプルページ 解説 必要な javascript ファイル jquery.js jQuery本体。 [link] jquery.dimensions.js DOM要素の表示系情報 (x/y座標, width, height) をjQuery で扱う為のプラグイン。 [link] jquery.tooltip.js Tooltip プラグイン本体。 [link] 必要な CSS Style 設定 以下の css 設定にする事で、カスタマイズが容易な基本レイアウトになります: #tooltip { position: absolute; width: 12em; background: #999; padding: 10px; } #tooltip h3, #tooltip div { font-size: 1em; font-weight: nor
jquery.jsの使えそうなプラグイン ウェブハッカー
jQueryにたくさんのプラグインがありますが数が膨大なので探すのが結構手間。ウェブ制作にも即使えそうなjqueryのプラグインを抜粋してみました。 jQuery.jsのプラグイン抜粋 Accessible News Slider 見た目にも軽量そうなニュースのスライダーを作ってくれるjquery.jsのプラグイン。左右に記事がなければボタンが隠れるあたりの気の使いようがグーです。 slideViewer お手軽にFlashのようなピクチャーギャラリーを実装できるjquery.jsのプラグイン。Flashでもないのに動きにタメ・ツメがあって魅力的です。 jCarousel ネクスト・バックボタンの綺麗さにも気を使ったスムーススクロールのjquery.jsのプラグイン。ブログのサイドバーに設置とかできそう。 InnerFade with JQuery テキストや画像を綺麗な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
