概要 onmouseover や class 属性なしで画像のロールオーバーをするための JavaScript です。HTML ソースに余分な情報を入れないですみ、綺麗な HTML ソースを保つことができます。 動作確認用の demo ダウンロード 説明 このスクリプトでは画像のファイル名の末尾に『_n』がついている場合に同名で、末尾が『_r』の画像に入れ替わります。 例えば、sample_n.png はマウスオーバー時に sample_r.png に入れ替わります。 HTMLの head 要素内などでこの JavaScript を読み込んでください。この JavaScript 内を変更する必要はありません。 ソースコード /*==================================================================================
Wheel Bearings - AWD AWD, China Professional Factory ISO9001 & 14001 Ensured! Choose AWD WD-Bearing.Com
hCard生成ツール 諸般の事情によりなかなか参加できないmicroformats.orgの翻訳に関し、途中で放置してしまっていた自動生成ツールの日本語化を再開。とりあえず先日当サイトでも実装したhCardについて、hCard Creatorの日本語化を行い、Tantekに送っておきました。しばらくすればCodeのページに掲載されると思いますが、一足お先に自分のBlog上で紹介しておきます。利用方法は単純明快、hCard生成フォームに適当な内容を書き込んでもらえれば、リアルタイムにコードやそのプレビューが表示されます。出力されるコードはあくまでも例であって、必ずしもそうマークアップしなければならないわけではありません(詳細はhCardの仕様を参照してください)。なお、日本語圏での一般的な住所表記に似せるよう、オリジナルの生成ツールに若干手を加えています。
マイクロフォーマットはHTML(またはXHTML)ウェブページにおける、意味を表現するための小さなマークアップである。マイクロフォーマットには用途ごとに様々なものがある。 現在のHTML標準には記述の意味を埋め込むための構文が備わっている。マイクロフォーマットでは class rel rev などのHTML属性が多用される。 通常のHTMLページにマイクロフォーマットを埋め込むことで、ウェブクローラなどのプログラムがイベント情報やレビューなどをウェブページ上から見つけ出すことができる。 背景[編集] そもそも、ウェブのマークアップ言語であるHTMLは文書を表現するために開発された。しかし、ウェブが発展してくると、様々な種類の情報を共有するニーズが現れ、HTMLの意味マークアップ能力では力不足だと考えられるようになった。HTMLは情報を文書単位に構造化するので、例えば医療機関の電話番号を知り
IE6でa要素に display: block; を指定しwidthを指定しなくても全ての場所でマウスオーバーが利くようにする方法のソース HTML <div class="waku"> <ul> <li><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> <li><a href="#">メニュー4</a></li> <li><a href="#">メニュー5</a></li> </ul> </div> スタイルシート .waku { width: 150px; } ul { margin: 0; padding: 0; border: 1px solid #999999; } li { display: inline; }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く