サイト制作に使用した自作jQueryコードのご紹介WEB-PARK.ORGContactRssTwitterjQueryでスムーズな開閉JavascriptjQuery/toggle/ライブラリ/2009.04.15ツイート前回DOMによる様々なノードの取得を行いました。その際は単純にHTMLを操作するだけでした。Javascriptのライブラリを使用すると簡単な記述でさらに「動き」を加えることができます。Javascriptライブラリとは?規則的にまとめられたプログラムパーツの集まりをいいます。関数を1つ呼び出すだけで動作させることができます。ダウンロードライブラリには色々な種類がありますが、今回使用するのは「jQuery」です。ダウンロードはこちらからjQueryをダウンロードして、それを読み込ませます。src="test.js"></script>jQueryを使用して記述しますので、読み込ませる順番は1番最初です。その後に、こちらで記述するJavascriptを読み込ませます。jQueryの実行jQueryを使用せずにJavascriptを実行する場合は下記を記述します。{}しかしこれだとHTMLの画像などを読み込まれた後に実行されます。このサイトの最初のページの猫の上にある吹き出しがいい例です。jQueryだとdocumentを読み込むのを監視して実行されます。{});Toggleを指定して要素を開閉させるjQueryの記述とても簡単な記述でスムーズな開閉が実現します。//class="navi"が開閉する});DOMだとgetElementByIdなどが必要ですが、jQueryだと$と記述するだけで要素を取得できます。Toggleを入れるだけで開閉します。slowは開閉スピードです。サンプルこちらにサンプルを用意しております。105http://web-park.org/javascript/jquery090414.html/trackbackCATEGORYFlashJavascriptPhotoshopwebsiteWordPressRECENTRYjQueryでモーダルウィンドウのプラグインを自作したので公開します。year1982FromOsaka,Japan。