20:20JavaScriptjQueryドロップダウンTweetこのあいだ『ドロップダウンメニューを実現するjQueryのスクリプト』という記事を書きましたが、JavaScriptオフの環境に対して全く対応していませんでした。いうことで作り直しました。JavaScriptオフの時にはCSSでドロップダウンメニューに対応するってヤツです。Demo必要なファイルjquery.jsコーディング&設定HTMLHTMLヘッダー内でjquery.jsを読み込む。type="text/javascript"></script>IE6ではa要素以外に:hover擬似クラスを使用できず、min-widthプロパティも効かないので、HTMLヘッダー内に以下のスクリプトを読み込んで対応する。以下の様にul#dropdownmenu内にリストの入れ子をつくる。入れ子の数に制限はない。href="#">テキスト</a></li></ul></li></ul></li></ul>CSS以下のCSSを記述。上記CSSの記述を変更しました。JavaScript以下のスクリプトを記述。LectureあとがきJavaScriptを使用することで、リッチコンテンツやユーザビリティを高めたサイトを制作することがきます。JavaScriptをオフにした環境でも最低限のユーザビリティを保つことが出来なければ、そういった環境のユーザーにとって粗悪なサイトと化してしまうかもしれません。偉そうなことを書いている私が犯したミスではありますがね。悪い見本としてくれれば幸いです。表示コンテンツの切り替えも出来るシンプルなモーダルウィンドウを実現するjQueryのスクリプトRecent表示コンテンツの切り替えも出来るシンプルなモーダルウィンドウを実現するjQueryのスクリプト単純だけど簡単な背景画像のパララックスを実現するjQueryのスクリプト『Goodara』公開しました。Canvasで実現するカラフルな円が小さくなったり大きくなったりする背景2画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのプラグインRandom画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのプラグインドロップダウンメニューを実現するjQueryのスクリプト『Goodara』公開しました。Canvasで実現するカラフルな円が小さくなったり大きくなったりする背景2CSS切替なしでフォントサイズを変更するjQueryのスクリプトLinkProfileSyuji沖縄で雇われWebデザイナー(なりたて)としてのんびり働いています。「頑張ったら負け」が座右の銘的に思っているぐ~だらな人間です。