JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
Home Archive jQueryのプラグイン、jQuery_Autoで画像のロールオーバー jQueryのプラグイン、jQuery_Autoで画像のロールオーバー 2007年06月21日 category:javascript Comment(0) Trackback(1) CSS HappyLifeさんでjavascriptによるイメージロールオーバーの記事を書かれていたので、触発されて以前から書こうと思っていたjQueryネタを書きます。 ロールオーバー|CSS HappyLife jQueryならロールオーバーのプラグインくらいあるだろうと思って探していたら、jQuery_Autoというものを見つけたので使ってみました。 今回はロールオーバーのみ説明しますが、簡易なタブも作成できるようです。 このプラグインの利点はclass指定でロールオーバーを指定す
jQueryにたくさんのプラグインがありますが数が膨大なので探すのが結構手間。ウェブ制作にも即使えそうなjqueryのプラグインを抜粋してみました。 jQuery.jsのプラグイン抜粋 Accessible News Slider 見た目にも軽量そうなニュースのスライダーを作ってくれるjquery.jsのプラグイン。左右に記事がなければボタンが隠れるあたりの気の使いようがグーです。 slideViewer お手軽にFlashのようなピクチャーギャラリーを実装できるjquery.jsのプラグイン。Flashでもないのに動きにタメ・ツメがあって魅力的です。 jCarousel ネクスト・バックボタンの綺麗さにも気を使ったスムーススクロールのjquery.jsのプラグイン。ブログのサイドバーに設置とかできそう。 InnerFade with JQuery テキストや画像を綺麗な
リンク用途などにおいて画像のロールオーバーはかなり頻繁に利用されていますが、それを実現するとなるとコードが煩雑になってしまうことが多いようです。 例)Dreamweaverの場合 <a href="index.html" onMouseOver="MM_swapImage('sample','','sample_on.gif',1)" onMouseOut="MM_swapImgRestore()"> <img src="sample.gif" alt="サンプル" name="sample" id="sample" /> </a> "sample"という文字が何度も出てきてしまっているため、画像名が変わったらこれらすべて変更する必要があります。 これを、シンプルに実現できるようにしてみましょう。 今回もjquery.jsを利用してみます。 function initRollOverIma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く