isTKS™javascript,jQuery,program,web-design ≫ [jQuery]少しのコードで実装可能な20のjQuery小技集が紹介されています。

[jQuery]少しのコードで実装可能な20のjQuery小技集が紹介されています。

2011.01.24

Webクリエイターボックスさん
少しのコードで実装可能な20のjQuery小技集
が紹介されています。

すごくいいエントリーだと思ったのでリンク貼らせていただきます。

以下のことが少しのコードを書くだけで
jQueryで簡単に実装できる、というすごく便利な記事です。

1. マウスオーバーで画像を変更
2. 外部リンクを別タブで開く
3. ページトップへスクロールする
4. Div全体をクリックできるようにする
5. テーブルの偶数・奇数の行の色を変える
6. リンク切れ画像を差し替える
7. CSSハックを使わずブラウザーごとにCSSを変更
8. 画像のプリローダー
9. IE6以下ユーザーにメッセージを表示
10. Divを消す
11. フォーカスしているフォームのラベルにクラスをつける
12. フォームにテキストを入れておき、フォーカスで消す(文字色も変更)
13. 入力文字数をカウント
14. ラジオボタンとチェックボックスを装飾する
15. スライドパネル
16. アコーディオン
17. ツールチップ
18. プリントダイアログを表示
19. Twitter最新のTweetを表示
20. 効果音を入れる

ありがたいことに動きのサンプルまでこちらに用意されています。

ありがたや。ありがたや。

少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス

  • このエントリーをはてなブックマークに追加