良く利用するjavascriptライブラリなど : JavaScript

Tweet

Pocket

Web制作で最近よく利用するに良く利用するJavaScriptライブラリ集。

画像拡大

»lightbox2.0
※jQuery利用

IE6の透過PNG画像

参考サイト:透過PNG(PNG-24)をie6で表示
»IE PNG Fix v1.0 / 2.0 Alpha 3

div要素の背景として利用する場合(2.0 Alpha3で可能)
1.iepngfix.htc,blank.gifを同一ディレクトリへアップ。
2.cssファイルへ下記を記述記述
div { behavior: url(iepngfix.htc) }
3.iepngfix.htcのIEPNGFix.blankImg = ‘blank.gif’;の部分を絶対パスへ変更

» IE PNG FIX 2 (iFFALSE.log | takuyaな日々 ver.2)

ドロップダウンメニュー

»Simple jQuery Dropdowns

jquery.dropdownPlain.jsファイルをアップロード
»[Simple jQuery Dropdownsライブラリ] 階層化メニューを表示する

トッグル

トッグル1

»Hide or Display Page Elements With Toggle

*スライドするボックス内にインラインフレームを使ったGoogle Mapsを表示できなかった。
Google Static Maps APIを使って代替。
参考サイト:Google Static Maps API入門)
*WordPressプラグインをうまく表示出来なかった。
»Google Maps Anywhere (地図表示)

トッグル2

jQueryを使ってトッグルを実装するわかりやすいチュートリアル。
»Hide or Display Page Elements With Toggle

上記を参考にして作ったデモ
»jQueryを使ったシンプルなアコーディオン(トッグル) : JavaScript,jQuery

スライドショー

スライドショー1

» jQueryを使ったシンプルなスライドショー

スライドショー2

web creators 2009年1月号に掲載されていたサンプル。
»Demo
jQueryを利用。

クッキー

jQeuryのプラグイン
» Cookie

文字サイズ変更

» jQueryを利用した文字サイズ変更ライブラリ : JavaScript, jQuery