Web Design Memo
ウェブデザインに関するどうでもいいメモ。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Javascriptでマウスホイール検知

Javascriptでマウスホイールイベントを検知

ブラウザイベントプロパティ
Internet ExploreronmousewheelwheelDelta
FirefoxDOMMouseScrolldetail
OperaonmousewheelwheelDelta または detail
SafarionmousewheelwheelDelta
スポンサーサイト

複数のclassを読み込む

複数のクラス属性を読み込む場合はスペースで区切り、記述する。
かなり初歩的な事項ですが、最近まで知りませんでした…。
例:
<要素 class="hoge1 hoge2">

Google Maps APIに関するメモ

Google Maps APIをいじってて気づいたこと。

IEだけで「ページが表示できません」と表示される

GoogleMapsのJavaScript構文が<div>に囲まれていると発生する様だ。

対策法

Script部分をdivの外に移動する。

こんな方法もあるようだ。(<body onload="onload()">)

MacIEだけに読み込ませない

WinIEに続き、Mac版のIEだけに読み込ませないCSSハック。一般に「Holly Hack」と呼ばれる。

構文の前にコメントアウト「/* */」とバックスラッシュ(円記号)を組み合わせた「/* \*/」をつけると、次のコメントアウトまでの範囲がMacIEで適用されなくなる。

例:
h1 { color:#red; }

/* hoge \*/
h1 { color:#red; }
/* hoge */
みたいな感じで。

WinIEだけに読み込ませない

WindowsのIEだけに読み込ませないCSSハックの一例。

セレクタ内のエレメント間に、Child selectors「>」をつけると言う方法。
W3Cで勧告されているセレクタだが、Win6.0まで対応してないため一連の構文が無視される挙動を利用する。

例:
h1 { color:#red; }

body > h1 { color:#red; }
みたいな感じで。

プロフィール

Shift

Author:Shift
だるーん。

最近の記事

最近のコメント

最近のトラックバック

月別アーカイブ

カテゴリー

ブロとも申請フォーム

ブログ内検索

RSSフィード

リンク

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。