左下のバナーにマウスを乗せて下さい。コンテンツが表示されます


javascriptを使用せず、スタイルシートのみでこのような高機能を付加できます。
スタイルシートのみでバナー・画像・テキスト(文章)・リンクに説明文を表示できます。(javascriptによる手法と比べ、SEO上、圧倒的有利です。最後までお読みください)
テキストリンクや画像リンクに、マウスを乗せた場合、説明文が表示されるタグとして titleタグがあります。
しかし、単に文字が表示されるだけで、機能的には意味がほとんどありません。(上のようにテキストリンクをつけることもできません)
通常、このような機能はJavascriptを使用しなければ絶対にできません。本当に、スタイルシート(css)のみで可能です。この手法の最大の利点は、スタイルシートのみで作成できるため、画像やテキストにつけた説明文をサーチエンジンがコンテンツとしてクロールする点にあります。
ホームページの「見栄え」とホームページ中の文章情報(=コンテンツ)を両立しうる唯一の方法かもしれません。このページは、一見したところ画像とテキストリンクのみです。しかし、サーチエンジンは、コンテンツとして、この部分を扱います
下のように、画像の表示できます
ホームページ制作には、CSS(スタイルシート)とJavascriptの充分な知識が必要不可欠です。
弊社にお任せください。

このように、テキストでも有効です。Javascriptで同様の機能を持たせた場合、サーチエンジンは、コンテンツとして扱いません

head内に貼り付けるか、適当な名前で外部スタイルシートにリンクして下さい


body内に貼り付けて下さい
(該当部分のみ)