プロが教えるわが家の防犯対策術!

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

A 回答 (4件)

CSSでのAタグのhover指定でロールオーバーのリンクは解消されます。


CLASS指定やIDでの指定を行えば
リンクごとに個別に色の設定をすることも可能です。

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

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

参考URL:http://hp.vector.co.jp/authors/VA035113/tips/css …
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/03/21 22:07

画像など、マウスを乗せた時に画像が入れ替わるのを「ロールオーバー」といったりします。


オンマウス時にテキスト色が変化するのは、CSS(カスケーティングスタイルシート)で、No1さんの方法です。
表示されないリンク(ブラウザには表示されずにロボットだけが読める)にしない限りSEOには影響ありません。

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

参考URL:http://www-6.ibm.com/jp/domino01/swhc/esupport.n …
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/03/21 22:07

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

    • good
    • 0

ロールバーでは無くてロールオーバーですね。


テキスト色や背景色が変化したりするのは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
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!