タグ

javascriptとコーディングに関するImgladのブックマーク (3)

  • [JS]使い方も簡単、画像をフェードで切り替える超軽量スクリプト -hoverFade

    既存のページに導入するのも簡単な画像をフェードで切り替えるスクリプトをDan Wellmanから紹介します。 フッタのアイコン 実装方法 フェードで切り替える画像のエレメントに対して、hover時に画像が切り替わるように設定します。その際に使用するクラス名は「hover-css」が初期設定です(変更可能)。 これはもしJavaScriptがオフの環境でも、ホバーがCSSで行われるようにするためです。 次にスクリプト用のクラスを用意します。初期設定は「hover-anims」で、「hover-css」と同様に画像が切り替わるように設定します。 これはスクリプトで利用するクラスで、その際にCSSのクラスは削除されます。 jquery.jsとhoverfade.jsを外部ファイルとして配置します。記述位置の理想はHTMLの終わりです。 HTMLにさきほどのCSS用のクラスを記述します。 また、初

  • prototype.js リファレンス

    prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です(2007/11/8)。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio

  • 透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net

    IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい:DD_be

  • 1