HIDAZINE

jQuery入門はコチラ jQueryUIはコチラ

新規作成したDOMにもイベントを jquery.livequery.js

※jQuery v1.3.0からデフォルトである程度対応された機能です。

あとから追加されたDOM要素に対してもイベントを予約します。

追加入力のフォーム系とかで役に立つかもしれない。

フォーム投稿前後にイベントを jquery.form.js

投稿前後にイベントをはさめるよ！

ページ遷移をさせずに同じページ内で幾度も情報送信するときに活用。

角丸 jquery.corner.js

jquery.corner.jsで画像を使わずに角丸の枠を表示させる

要素の角をいろいろな形に飾りつけできます。

クロスプラウザに対応してり、どのブラウザでも表示されます。

枠付きの場合は二重に囲む必要あり。

http://methvin.com/jquery/jq-corner.html

• round
• bevel
• notch
• dog
• bite
• sharp
• sculpt
• fray
• jut
• curl
• long
• top
• tl
• tr
• bl
• br
• 20px

チェーン命令で外枠をDOM追加している。

先に内枠にcorner宣言してしまうとエッジの背景色が違ってしまうので注意。

グラデーション画像 gradient.js

gradientで画像なしで擬似的なグラデーションを表示する

http://plugins.jquery.com/project/gradient

垂直方向にグラデーション

水平方向にグラデーション

反射効果 reflection.js

http://www.digitalia.be/software/reflectionjs-for-jquery

ツールチップ BeatifulTooltip bt.js

http://www.lullabot.com/files/bt/bt-latest/DEMO/ http://plugins.jquery.com/project/bgiframe http://cherne.net/brian/resources/jquery.hoverIntent.html

ライトボックス（高機能カスタマイズ） thickbox.js

thickbox.js でポップアップするメッセージを表示する

thickbox.cssを別に読み込む必要がある

<link rel="stylesheet" type="text/css" href="/css/thickbox.css" media="all" />

カスタマイズに対応

http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/ thickbox open

フォーム入力操作 alphanumeric

http://itgroup.com.ph/alphanumeric/

数字しか入力できない

アルファベットしか入力できない

「a」と「1」が入力できない

ページナビゲーション

http://www.d-scribe.de/webtools/jquery-pagination/demo.htm

とりあえず、ここで動くことが確認できれば、それぞれの競合バグは起きない…ということで。