テキストのロールバー

質問

様々なホームページを拝見していると、テキストの上にマウスアイコンを重ねると、テキストが変色したりする機能がある場合があります。
これはロールバー機能って聞いたのですが、ホームページビルダーでこのような、テキストのロールバーを設定することは可能なのでしょうか。
ホームページビルダーのテンプレートを使うのではなく、一つ一つ手動で設定したいと思います。
また、テキストにロールバー機能を設定した場合は、ＳＥＯには悪影響があるのでしょうか。
分かる方がいらっしゃいましたらよろしくお願いします。

回答No.4

nao820526 · ベストアンサー

CSSでのAタグのhover指定でロールオーバーのリンクは解消されます。
CLASS指定やIDでの指定を行えば
リンクごとに個別に色の設定をすることも可能です。

JavaScriptでのリンク設定はSEO上検索エンジンは読み取れませんのでリンク効果がありませんので
CSSでの指定にした方がいいと思います。

画像でのロールオーバーもhoverで設定すればCSSでも行えますよ。

参考URL：

http://hp.vector.co.jp/authors/VA035113/tips/css-hover.html

お礼

ありがとうございます。
参考にさせていただきます。

回答No.3

hinatamama

画像など、マウスを乗せた時に画像が入れ替わるのを「ロールオーバー」といったりします。
オンマウス時にテキスト色が変化するのは、CSS（カスケーティングスタイルシート）で、No1さんの方法です。
表示されないリンク（ブラウザには表示されずにロボットだけが読める）にしない限りSEOには影響ありません。

タグやCSSが分からないならば、ビルダー側でスタイルを設定できますので参考URLをご覧ください。

参考URL：

http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/hintview/49256A6A0001F13649256935001B2D2A?opendocument

お礼

ありがとうございます。
参考にさせていただきます。

回答No.2

Ysan

それとCSSでやる分にはＳＥＯには悪影響が無いです。

回答No.1

Ysan

ロールバーでは無くてロールオーバーですね。
テキスト色や背景色が変化したりするのはCSSでも可能です。
<style type="text/css">
<!--
a { color: orange; }
a:hover { color: red;}
-->
</style>
という風にhtmlのHEADの部分にcssを記述します。

参考URL：

http://www.tohoho-web.com/css/basic.htm#Pseudo