2004/04/05 00:17 【カテゴリ:スタイルシート】 (更新:2006/04/08 23:26)
CSSによる画像切替(ロールオーバー)に成功! 
以前のエントリー「#BLOG: CSSで画像を動的に切り替えるには?」で、横に画像を並べるタイプの画像切替(ロールオーバー)について書きました。そのときは、私の力だけでは完成せず、とは言ってもせっかく調べたので、調査内容をとりあえず公開していました。
すると親切にも、Momomoさんのブログ「Alternative Design Project」と、森田雄さんのブログ「securecatのMT」からトラックバックをいただき、いろいろと勉強させていただきました。
Momomoさんや森田雄さんのロールオーバー実現方法は……
→ 続きを読むCSSによる画像切替(ロールオーバー)に成功! [#BLOG] JavaScriptに頼らない,スタイルシートを使ったロールオーバーの作り方. ホントにマウス乗っけると画像が変わるよ! JavaScriptだとhtml...
→ “スタイルシートでロールオーバー”の続きを読む
#BLOG: CSSによる画像切替(ロールオーバー)に成功! ああ、これもすごい。 CSSは不自由なような気がしてたけど、結構何でもできそうだ。...
→ “CSSでロールオーバー”の続きを読む
以前のエントリー「#BLOG: CSSで画像を動的に切り替えるには?」で、横に画像を並べるタイプの画像切替(ロールオーバー)について書きました。そのときは、私の力だけでは完成せず、...
→ “CSSによる画像切替”の続きを読む
#BLOG: CSSによる画像切替(ロールオーバー)に成功!以前のエントリーで作ったものをベースに、Momomoさんが紹介している「背景画像の位置をずらして表示する方法」を取り入れました。...
→ “cssでロールオーバー”の続きを読む
オーソドックスに
<meta name="description" content=" ">
で100字程、説明文を用意してはどうでしょうか?
そうすれば「メニュー」など表示されないし、サーチエンジン対策上も、具合がいいと思いますが。
ssさん、コメントありがとうございます。
確かにDescriptionによる説明文はいい方法だと思いますが、このDescriptionをすべての検索エンジンが使っているわけではないようなので、個人的にDescriptionは使いわない方針です。
昔、すべてのページにDescriptionを入れていましが、意図通り使ってくれないし、最近ではSEO対策としても、むしろDescriptionを入れないほうがよいと思っています。
なぜならGoogleなどの検索エンジンでは、よりページの先頭にページ・コンテンツが現れた方がよいと思っているからです。
このDescriptionを記述すると、ページの先頭に余分なコードがさらに増えてしまいます。
といっても、先頭にメニューがある分、すでに余分なんですが・・・(汗)
CSSでロールオーバーがしたかったので、googleで調べていたら、一色さんのblogで活用できそうなものがあったのでメモ。 この方法なら、NC4.xでもロールオーバーしないだけで画像は表示さ...
→ “CSSでロールオーバー”の続きを読む
自分メモ 最近、CSSがすげー楽しい。リニュ後は、2段カラムにするか3段カラムにするか検討中。とりあえず、がつがつ今、作成中です。日々アイデアが出てくるので楽しいです。 MT独自タ...
→ “CSS関連”の続きを読む
CSSによるロールオーバーだとカーソル移動時に画像が白くちらついてしまいますが、防ぐ方法を考えてみました。
説明するのが面倒なので
私のサイトのソースを見て下さい。
ps ハイパーリンクのタグを使用したらエラーメッセージが出ました。
一昨日、SEO対策取り組みの話をしましたが、一部ソースを変更しただけで、早速ヤフ...
→ “CSSでロールオーバーしてみる”の続きを読む
一昨日、SEO対策取り組みの話をしましたが、一部ソースを変更しただけで、早速ヤフ...
→ “CSSでロールオーバーしてみる”の続きを読む







