グローバルメニューでよく使われるドロップダウンメニューですが、 jQueryのanimateを使って動きに装飾を加えます。 HTMLソース <ul id="mainNav"> <li><a href="">Adobe</a> <ul class="subNav"> ...続きを読む

以前に紹介した、toggleによる開閉ですが、他にも用途がありました！ イベントの変化 1回目のクリックと2回目のクリックにより、イベントを変化させます。 実装は簡単「,(カンマ)」でfunctionを区切ればいいだけです。 $(セレクター).toggle(function(){ $('セレクター')命令1; },function(){ $('セレクター...続きを読む

jqueryのtoggle開閉をcookieに保存してリロードしても最後の状態を保存します。 今まで特に必要ないと考えていましたが、仕事で制御の要求が出たのと、色んな場面を想像すれば必要だと感じました。 jqueryによるcookieの制御 jqueryのjquery.cookie.jsプラグインを使用すれば簡単にcookieを制御出来ます。 まずはダウンロード 下記URLからjquery.coo...続きを読む

前回DOMによる様々なノードの取得を行いました。 その際は単純にHTMLを操作するだけでした。しかしJavascriptのライブラリを使用すると簡単な記述でさらに「動き」を加えることができます。 Javascriptライブラリとは？ 規則的にまとめられたプログラムパーツの集まりをいいます。関数を1つ呼び出すだけで動作させることができます。 ダウンロード ライブラリには色々な種類がありますが、今回使...続きを読む