アルファ画像を扱うalphafilter.jsライブラリ

教科書には載っていませんが
「読み込みを高速化させるためdefer属性の記述を忘れずに行ってください。」
の注意書きがありました。

deferは、「延ばす」「譲る」のような意味なので、この属性を指定するとscriptの中身を後で評価し、
ページのレンダリングを妨げないようにすることができるようです。

•スタンドアローン版IE6では、DirectXのからみでアルファ画像は使用できません。
•absoluteやrelativeが指定されているブロックレベル要素ですと挙動がおかしいです。
•背景画像のリピートに未対応
•他のieのフィルターと同時に使用はできません。
•usemap属性を使用したクリッカブルマップには未対応

http://blog.webcreativepark.net/2007/02/01-233315.html

JavaScript + Ajax 実践サンプル集

 (1530本以上)　◇編集して実行可能◇

http://jsajax.com/default.aspx

もーなんでもアリですね。

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

jquery.min.js

ソースコードの中身は変わらず、空白の削除や変数名の単純化などでサイズが大きく削減されているので軽量です。
開発でjQueryを読む必要があれば通常バージョンを、ただ使用するだけならjquery.min.jsを使用すればいいでしょう。

(下記サイトより引用。)

 

http://www23.atwiki.jp/sevenlives/pages/1959.html

 

はじめてのjQuery

http://higashizm.sakura.ne.jp/jquery_first/

教科書で紹介されている以外にも、JQueryライブラリはたくさんあります。
自分の作ったサイトに設定する方法を紹介してくれているサイトもたくさんありますので
気に入ったライブラリの名称で検索してみてください。

●JQuery本体

●jQueryのプラグイン100選 -2011年総集編

http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2011-best.html

●jQueryのプラグイン33+1選 -2012年4月

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2012-apr.html

●画像を使ったjQueryプラグイン

http://kachibito.net/web-design/224-image-jquery-collection.html

lightbox2

IE9では、教科書の「lightbox2.04」は動作しません。
最新版の「lightbox2.51」は、下のサイトでダウンロードできます。

http://www.huddletogether.com/projects/lightbox2/#download

http://lokeshdhakar.com/projects/lightbox2/

 

 

ちなみに教科書に載ってるリンク先

 

●Cooltips

 

http://okonet.ru/projects/tooltips/index.html

 

●SmoothScroll

http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/

●JQuery Blinds

http://www.littlewebthings.com/projects/blinds/

 

●bxSlider

http://bxslider.com/