[B! javascript] nisshi_jpのブックマーク

[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト

Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animations デモデモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。「#a」は上下、「#b」は左右、「#c, #d」はフェード。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35

nisshi_jp 2008/09/25

javascript

リンク

小粋空間: Litebox 1.0 をブログに適用する

Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプルサンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と

nisshi_jp 2007/08/21

javascript

リンク

音声認識テキスト入力Javascriptライブラリ w3voiceIM.js

たった一行追加するだけで、あなたのサイトに音声認識機能を付けられます！ w3voiceIM.jsは、Webページの上のテキスト入力フォームに音声認識機能を追加するJavascriptライブラリです。手軽に音声認識を利用できることが特徴になっています。また、http://w3voice.jp/でサービスする共有型音声認識エンジンを利用するために、利用者やWeb開発者は、音声認識プログラムのインストールや設定作業を必要としません。 JavaおよびJavascriptが動作するPC及びWebブラウザからの利用をサポートしています。現在のバージョン最新のw3voiceIM.jsのバージョンは0.02です。とりあえず動くようになった開発途上バージョンです。使い方音声入力を開始するには、テキストの入力欄をマウスでダブルクリックします。音声入力パネルが出現したら、「Push here」と