HTML裏技テキストのハイライト

HTML裏技：マウス位置のテキストをハイライト

Updated on : 02-02-2002

「Javaを使わず、プラグインにも頼らず、お手軽で、しかも全く役に立たない」HTMLの裏技です。ウェブデザインの基本である「おもしろいから真似してみよう」の精神で実験します。ブラウザーによっては機能しないかもしれませんが、そんなことはキッパリと無視。

ここは赤でハイライト

ここは黄色でハイライト

ここは空色でハイライト

ピンクがいいかな。

<span> tagを使って語句をハイライトさせています。さて、この「spanタグ」ですが、何のことやら私には不明です。どこでこれを拾ってきたのかも忘れてしまいました。それはさておき、上の「ピンクがいいかな。」という文をハイライトさせるhtmlは：

<span onmouseout="this.style.backgroundColor='transparent';" onmouseover="this.style.backgroundColor='pink';">
ピンクがいいかな。
</span>

HTML 裏技テキスト　ハイライト逗子田越村新聞 Zushi Trivia 根岸英語塾