2010年11月03日

使えそうなjqueryプラグインまとめ

お願いします♪いいねとかつぶやいたりして下さい
 
新しいサイトを作るに当たって、どのjqueryが使えそうかなと勉強していた。

で、これは!と思ったものをまとめてみます。

2011/04/13 追記

フッダ固定


http://johnpatrickgiven.com/jquery/pinned-footer/

グーグル画像検索風の画像レイアウトにホスト画像一覧とかに使えるかも


http://dreamerslab.com/blog/en/google-image-search-style-image-alignment-with-jquery-atteeeeention-plugin/

要素を角丸に


http://thecssblog.com/tutorials/creating-rounded-corners-the-deviant-arts-way/

要素の高さを合わせる


http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/

2011/4/1 追記

ページスクロールに合わせて画像を読み込み。負荷対策。


http://monodez.com/create/lazyload.html

フォームバリデーション


http://5509.me/log/exvalidation

flashを使わずアニメーション化


http://jsajax.com/Articles/jQuerySpritely/1953

lightboxで写真や画像をポップアップしたい



http://blog.creamu.com/mt/2010/01/jquerylightbox.html

画像1枚で透明度ロールオーバー 画像1枚だけでよいのがいい!


http://h2ham.seesaa.net/article/124030086.html

ツールチップ


http://craigsworks.com/projects/qtip/

jquery1.4で使う場合は、
http://www.bpsinc.jp/blog/archives/1711 を参考に。

画像にカーソルを合わすと情報を表示 女の子プロフィールとかいいかも。


http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery

画像をフラッシュのように切り替え トップページにいいかも。


http://medienfreunde.com/lab/innerfade/

要素を表示したり、隠したり。


http://jquery.andreaseberhard.de/toggleElements/index.html

テキストフィールドに入力メッセージ表示


http://rewish.org/javascript/focus_hide
上記よりも使い安いのが
http://jquery.kuzemchak.net/toggleval.php






簡単ロールオーバー


http://rewish.org/javascript/jquery_rollover_plugin

これは、_on の画像を用意すると良いということだが、
ロールオーバー要素が多いときにわざわざjsで要素を初期化するのが面倒なので
僕には合わないかもなぁ。でも、素晴らしいライブラリです。

関連するタグ: javascript
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ